HTML 链接


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


HTML 超链接(链接)

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

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

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

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

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

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

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


HTML 链接语法

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

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

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

实例

<a href="https://www.readme.com/">访问readme</a>

上面这行代码显示为:访问readme

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

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


HTML 链接 – target 属性

使用 target 属性,你可以定义被链接的文档在何处显示。

下面的这行会在新窗口打开文档:

实例

<a href="https://www.readme.com/" target="_blank" rel="noopener noreferrer">访问readme</a>

HTML 链接- id 属性

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

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

实例

在HTML文档中插入ID:

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

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

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

或者,从另一个页面创建一个链接到有用的提示部分(id=tips):

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

HTML 链接标签

标签 描述
<a> 定义一个超级链接

若文章对你有帮助,可以点赞或打赏支持我们。发布者:lyh会员,转载请注明出处:http://61.174.243.28:13541/AY-knowledg-hub/html-%e9%93%be%e6%8e%a5/

(0)
lyhlyh会员认证作者
上一篇 2023年 4月 11日 下午7:37
下一篇 2023年 4月 12日 下午9:31

相关推荐

  • e2label

    文章目录e2label补充说明语法参数实例 e2label 设置第二扩展文件系统的卷标 补充说明 e2label命令 用来设置第二扩展文件系统的卷标。 语法 e2label(参数)…

    入门教程 2023年 12月 14日
  • ip6tables-save

    文章目录ip6tables-save补充说明语法选项 ip6tables-save 保存ip6tables表配置 补充说明 ip6tables-save命令 将Linux内核中ip…

    入门教程 2023年 12月 19日
  • vgremove

    文章目录vgremove补充说明语法选项参数实例 vgremove 用于用户删除LVM卷组 补充说明 vgremove命令 用于用户删除LVM卷组。当要删除的卷组上已经创建了逻辑卷…

    入门教程 2024年 3月 11日
  • head

    文章目录head概要主要用途选项参数返回值例子注意 head 显示文件的开头部分。 概要 head [OPTION]… [FILE]… 主要用途 在未指定行数时默认显示前1…

    入门教程 2023年 12月 15日
  • Pandas安装

    安装 pandas 需要基础环境是 Python,开始前我们假定你已经安装了 Python 和 Pip。 使用 pip 安装 pandas: pip install pandas …

    2023年 5月 16日
  • nice

    文章目录nice补充说明语法选项参数实例 nice 调整程序执行的优先权等级 补充说明 nice命令 用于调整进程调度优先级启动其他的程序。 语法 nice [选项] [命令 [参…

    入门教程 2024年 1月 10日
  • lvcreate

    文章目录lvcreate补充说明语法选项参数实例 lvcreate 用于创建LVM的逻辑卷 补充说明 lvcreate命令 用于创建LVM的逻辑卷。逻辑卷是创建在卷组之上的。逻辑卷…

    入门教程 2023年 12月 19日
  • usernetctl

    文章目录usernetctl补充说明语法参数 usernetctl 被允许时操作指定的网络接口 补充说明 usernetctl命令 在用于被允许时操作指定的网络接口。 语法 use…

    入门教程 2024年 3月 11日
  • Docker 更改默认存储目录

    由于安装docker,默认的存储目录在根磁盘,会导致我们在拉取镜像的时候,更目录的空间越来越小,不修改存储目录的情况下,会导致我们可用空间越来越小,最终导致根目录不够用。根目录大点…

    2021年 11月 4日
  • look

    文章目录look补充说明语法选项参数 look 显示文件中以指定字符串开头的任意行 补充说明 look命令 用于显示文件中以指定字符串开头的任意行。 语法 look(选项)(参数)…

    入门教程 2023年 12月 19日
Translate »