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