HTML 链接

HTML 链接建立了网页与网页之间的联系，链接允许用户在页面之间跳转，几乎所有网页中都有链接。

链接也叫超链接，您可以单击链接并跳转到另一个文档（可以是一个网页、一个图片、一个要下载的文件、或者一个 email 等）。

当将鼠标移到链接上时，鼠标箭头会变成一只小手，提示用户这里是可点击的。

! 注意： 链接目标不一定是文本，链接可以是图像或任何其他 HTML 元素！链接可以是一个网页、一个图片、一个要下载的文件、或者一个 email 等。

HTML 链接的语法

HTML <a> 标签定义了一个超链接。它具有以下语法：

<a href="链接目标的 URL 地址">链接文本</a>

href 属性是 <a> 元素最重要的属性，它指示链接的目标，而链接文本是则是读者可见的部分。单击链接文本，会将跳转到指定的 URL 地址。

此示例显示如何创建指向 GoBeta.NET 的链接：

<a href="https://www.gobeta.net/">点击此处直达 GoBeta.NET 首页</a>

默认情况下，链接在浏览器中的显示效果是：

**提示：**链接当然可以用 CSS 样式化，以换个角度看！

默认情况下，链接页面直接在当前浏览器窗口或者当前标签页中打开，替换当前的内容。如果不想这么做，您需要为链接指定一个目标。

<a> 元素提供了 target 属性指定打开链接文档的位置，target 属性可选值如下：

例子: 使用 target="_blank" 在新的浏览器窗口或新的选项卡中打开目标网页：

<a href="https://www.gobeta.net/">点击此处直达 GoBeta.NET 首页</a>

上面的两个示例都在 href 属性中使用了绝对 URL（完整的网址或者使用当前网站的根路径 /）。

本地链接（指向同一网站内页面的链接）使用相对 URL（不带“https://www”部分）指定：

! 相对的含义是针对当前网页而言的。

使用绝对 URL 完整 URL 链接到网页：

<a href="https://www.gobeta.net/tutorials">所有的学习教程</a>

使用相对于当前网站的根目录 / 的相对 URL 链接到位于当前网站的一篇文章：

<a href="/posts/how-to-install-edge-browser-on-ubuntu-20-04">如何在 Ubuntu 20.04 上安装微软 Edge 浏览器</a>

使用相对于当前页面的相对 URL 链接到当前教程的另一个页面：

<a href="html-css">HTML tutorial</a> <a href="../html-css">HTML tutorial</a>

您可以在HTML 文件路径一章中阅读有关文件路径的更多信息。

要将图像用作链接，只需将 <img> 标签放在 <a> 标签内：

<a href="https://www.gobeta.net/">
  <img src="gobeta-log.png" alt="GoBeta.NET" />
</a>

在 href属性内部使用 mailto: 创建一个链接来打开用户的电子邮件程序（让他们发送新电子邮件），如果想要给 [email protected] 发送邮件，使用下面的方法：

<a href="mailto:[email protected]">Send email</a>

title 属性指定有关元素的额外信息。当鼠标移到元素上时，浏览器会使用 title 的内容作为提示文本显示。

<a href="https://www.gobeta.net/" title="你可以在 GoBeta.NET 学习各种程序开发技术">点击此处直达 GoBeta.NET 首页</a>

标签	说明
`<a>`	定义了超链接

如需所有可用 HTML 标签的完整列表，请访问 HTML 标签参考。