如何在 HTML 中添加超链接


该系列的一部分:
如何使用 HTML 构建网站

本教程系列将指导您使用 HTML(用于在 Web 浏览器中显示文档的标准标记语言)创建和进一步自定义该网站不需要有任何编码经验,但如果您想重新创建演示网站,我们建议您从本系列开头开始

在本系列结束时,您应该有一个准备好部署到云的网站,并且基本熟悉 HTML。了解如何编写 HTML 将为学习其他前端 Web 开发技能(例如 CSS 和 JavaScript)奠定坚实的基础。

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

可以使用锚链接元素将超链接添加到文本或图像中<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 项目中查看设置文件的说明。保存文件并将其加载到您的浏览器中。

您应该会收到如下输出:

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>

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

觉得文章有用?

点个广告表达一下你的爱意吧 !😁