如何在 HTML 中添加超链接

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

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

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

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

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

(如果您没有学习本系列教程,可以在我们的教程[Setting Up Your HTMLhtml]中查看设置index.html`文件的说明保存文件并将其加载到浏览器中。

您应该收到如下所示的输出:

Html链接

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

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

Tagged with
comments powered by Disqus