HTML超链接（链接）

HTML使用超链接与网络上的另一个文档相连。在几乎所有的网页中，都可以找到链接，通过点击链接可以从当前页面跳转到另一个页面。

HTML超链接（链接）

在HTML中使用标签<a>来设置超文本链接。

超链接可以是单个字、单个单词或一段文字，也可以是一张图片，您可以通过单击这些内容来跳转到新的文档或当前文档的特定部分。

当您将鼠标指针移动到网页中的链接上时，箭头将变为小手的形状。

在标签<a>中使用href属性来描述链接的地址。

默认情况下，链接在浏览器中会出现以下形式：

• 未访问过的链接将显示为蓝色字体并带有下划线。

• 访问过的链接将显示为紫色并带有下划线。

• 单击链接后，链接将显示为红色并带有下划线。

注意：如果为这些超链接设置了CSS样式，展示样式会根据CSS的设定而显示。

HTML使用标签<a>来设置超文本链接。

HTML链接语法

链接的HTML代码非常简单。它看起来像这样：

<a href="*url*">*链接文本*</a>

href属性描述了链接的目标。

示例

<a href="https://www.baidu.com/">访问百度</a>

上面这行代码将显示为：访问百度

提示：“链接文本”不一定是文本。图片或其他HTML元素都可以成为链接。

HTML链接 - target属性

利用target属性，可以指定链接文档在哪里打开。

以下的代码可以在新窗口打开文档：

实例

<a href="https://www.baidu.com/" target="_blank" rel="noopener noreferrer">访问百度!</a>

HTML链接 - id属性

id属性用于创建HTML文档的书签。

提示：书签不会以任何特殊方式显示，即在HTML页面中不会显示，因此对于读者来说是隐藏的。

实例

在HTML文档中插入ID：

<a id="tips">有用的提示部分</a>

在HTML文档中创建一个链接到“有用的提示部分(id=“tips”）”：

<a href="#tips">访问有用的提示部分</a>