如何在HTML中添加超链接

来自菜鸟教程
跳转至:导航、​搜索

本教程将引导您完成向网页添加超链接的步骤。

可以使用锚链接元素 <a> 将超链接添加到文本或图像。 <a> 标签需要属性href,用于指定目标链接。 <a> 元素的使用如下:

<a href="www.DestinationLink.com">The text you want to link</a>

尝试将下面的代码片段添加到您的“index.html”文件中,并使用真实链接更改示例突出显示的文本,例如 https://digitalocean.com/community

<a href="https://www.digitalocean.com/community">The text you want to link</a>

(如果您还没有学习教程系列,您可以在我们的教程 设置 HTML 项目 中查看设置 index.html 文件的说明。 保存文件并将其加载到浏览器中。

您应该会收到如下输出:

您还可以通过使用如下元素包装图像元素来链接图像

<a href="https://www.digitalocean.com/community">The text you want to link
<img src="https://html.sammy-codes.com/images/small-profile.jpeg">
</a>

尝试在浏览器中测试代码片段以检查它是否有效。 您现在应该了解如何为网页上的文本和图像添加超链接。