HTML 超链接

HTML使用超链接连接到web上的另一个文档。你可以在几乎所有的网页上找到链接。单击链接从一个页面跳转到另一个页面。

HTML使用标签<a>来建立超文本链接。

超链接可以是一个单词、一个字或一组单词，也可以是一幅图像。可以单击这些内容跳转到新文档或当前文档的某个部分。

当你将鼠标指针移动到网页中的链接时，箭头会变成一只小手。

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

HTML 链接语法

链接的 HTML 代码很简单。它类似这样：

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

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

<a href="https://www.xiaobai27.com/">访问小白教程</a>

上面这行代码显示为：访问小白教程

点击这个超链接会把用户带到小白教程的官网。

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

id属性可用于在HTML文档中创建书签标记。

提示:书签不会以任何特殊的方式显示。它们不显示在HTML文档中，因此对读者是隐藏的。

在HTML文档中插入ID:

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

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

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

或者，从另一个页面创建一个链接到"有用的提示部分(id="tips"）"：

<a href="https://www.xiaobai27.com/article-135-1.html#tips">访问有用的提示部分</a>

如果使用 target 属性，那么你可以定义被链接的文档在何处显示。

下面的这行代码会在新窗口打开文档：

<a href="https://www.xiaobai27.com/" target="_blank" rel="noopener noreferrer">访问小白教程!</a>

上一篇：HTML 格式化标签下一篇：HTML头部元素

		自动登录	找回密码
密码			立即注册