HTML 链接

HTML 使用超级链接与网络上的另一个文档相连。

HTML 中的链接是一种用于在不同网页之间导航的元素。

链接通常用于将一个网页与另一个网页或资源(如文档、图像、音频文件等)相关联。

链接允许用户在浏览网页时单击文本或图像来跳转到其他位置,从而实现网页之间的互联。

HTML 链接实例

此实例演示如何在 HTML 文档中创建链接。
此实例演示如何使用图像作为链接。

可以在本页底端找到更多实例

HTML 超链接(链接)

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手

我们通过使用 <a> 标签在 HTML 中创建链接。

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

默认情况下,链接将以以下形式出现在浏览器中:

  1. 一个未访问过的链接显示为蓝色字体并带有下划线
  2. 访问过的链接显示为紫色并带上下划线
  3. 点击链接时,链接显示为红色并带上下划线

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

HTML 链接语法

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

开始标签和结束标签之间的文字被作为超级链接来显示。

a元素具有以下属性:

  • href:指定链接目标的URL,这是链接的最重要属性。可以是另一个网页的URL、文件的URL或其他资源的URL。
  • target(可选):指定链接如何在浏览器中打开。常见的值包括 _blank(在新标签或窗口中打开链接)和 _self(在当前标签或窗口中打开链接)
  • title(可选):提供链接的额外信息,通常在鼠标悬停在链接上时显示为工具提示。
  • rel(可选):指定与链接目标的关系,如 nofollow、noopener 等。

实例

上面的代码将被解析为:好学网

点击这个超链接会把用户带到好学网的首页。

锚点链接

除了链接到其他网页外,您还可以在同一页面内创建内部链接,这称为锚点链接。例如:

要创建锚点链接,需要在目标位置使用 <a> 元素定义一个标记,并使用#符号引用该标记。

跳转到本页更多实例

HTML 链接 - target 属性

使用 target 属性,你可以定义被链接的文档在何处显示。默认值:_self 当前窗口打开,可以省略;_blank 在另一窗口显示。

实例

HTML 超链接 - id 属性

id 属性可用于创建一个 HTML 文档书签。

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

将a标签id属性用于锚点的实例

在HTML文档中插入ID:

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

或者,从另一个页面创建一个链接到"目标页跳转的目的地(id="tips")":

提示:锚点经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚,然后把链接到这些锚的链接放到文档的上部

提示:假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。不会有错误发生。

HTML 链接实例

此实例演示如何在新窗口打开一个页面,这样的话访问者就无需离开你的站点了。
此实例演示如何使用图片链接。
此实例演示如何使用链接跳转至文档的另一个部分。
本例演示如何链接到一个邮件。(本例在安装邮件客户端程序后才能工作。)。
本例演示更加复杂的邮件链接。

HTML 链接标签

标签 描述
<a> 定义一个超级链接。
关注本站微信公众号