HTML 链接

几乎所有网页中都可以找到链接。链接允许用户通过点击从一个页面到另一个页面。

HTML 链接 - 超链接

HTML 链接是超链接。

您可以单击链接并跳转到另一个文档。

当您将鼠标移到链接上时，鼠标箭头会变成一只小手。

HTML 链接 - 语法

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

最重要的属性是<a>元素是 href属性，指示链接的目的地。

这个链接文本是读者可见的部分。

单击链接文本，会将读者发送到指定的 URL 地址。

默认情况下，链接在所有浏览器中都会显示如下：

• 未访问的链接带有下划线且呈蓝色
• 访问过的链接带有下划线且呈紫色
• 活动链接带有下划线并呈红色

HTML 链接 - 目标属性

默认情况下，链接页面将显示在当前浏览器窗口中。要更改此设置，您必须为链接指定另一个目标。

这个target属性指定在哪里打开链接文档。

这个target属性可以具有以下值之一：

• _self- 默认。在单击时的同一窗口/选项卡中打开文档
• _blank- 在新窗口或选项卡中打开文档
• _parent- 在父框架中打开文档
• _top- 在整个窗口中打开文档

绝对 URL 与相对 URL

上面的两个例子都使用了绝对网址（完整的网址）在href属性。

本地链接（指向同一网站内的页面的链接）由相对网址（没有 "https://www" 部分）：

HTML 链接 - 使用图片作为链接

要使用图片作为链接，只需将<img>标签里面的<a>标签：

链接到电子邮件地址

使用 mailto:在 - 的里面 href属性来创建打开用户电子邮件程序的链接（让他们发送新电子邮件）：

按钮作为链接

要使用 HTML 按钮作为链接，您必须添加一些 JavaScript 代码。

JavaScript 允许您指定某些事件发生的情况，例如单击按钮：

链接标题

这个title属性指定有关元素的额外信息。当鼠标移动到元素上时，该信息通常显示为工具提示文本。

有关绝对 URL 和相对 URL 的更多信息

章节总结

• 使用<a>定义链接的元素
• 使用href定义链接地址的属性
• 使用target属性定义在哪里打开链接文档
• 使用<img>元素（内部<a>) 使用图片作为链接
• 使用 mailto:里面的方案 href属性来创建打开用户电子邮件程序的链接

HTML 链接标签

HTML练习