本教程将引导您完成向网页添加超链接的步骤。
可以使用锚链接元素将超链接添加到文本或图像中<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>
(如果您没有关注本系列教程,您可以index.html
在我们的教程设置您的 HTML 项目中查看设置文件的说明。保存文件并将其加载到您的浏览器中。
您应该会收到如下输出:
您还可以通过用 <a> 元素包装图像元素来链接图像,如下所示:
<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>
尝试在浏览器中测试代码片段以检查它是否有效。您现在应该了解如何为网页上的文本和图像添加超链接。