Warning: Undefined array key "custom_message" in /www/wwwroot/bbs.aaronyang.cc/wp-content/plugins/wpcopyrights/index.php on line 105

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

相关推荐

  • gcov

    文章目录gcov补充说明语法选项参数 gcov 测试程序的代码覆盖率的工具 补充说明 gcov命令 是一款测试程序的代码覆盖率的工具。 语法 gcov(选项)(参数) 选项 -h:…

    入门教程 2023年 12月 14日
  • ntsysv

    文章目录ntsysv补充说明语法选项实例 ntsysv 集中管理系统的各种服务 补充说明 ntsysv命令 提供了一个基于文本界面的菜单操作方式,集中管理系统不同的运行等级下的系统…

    入门教程 2024年 1月 10日
  • 28. 多态

    欢迎来到 Golang 系列教程的第 28 篇。 Go 通过接口来实现多态。我们已经讨论过,在 Go 语言中,我们是隐式地实现接口。一个类型如果定义了接口所声明的全部方法,那它就实…

    2023年 12月 5日
  • tail

    tail 在屏幕上显示指定文件的末尾若干行 补充说明 tail命令 用于输入文件中的尾部内容。 默认在屏幕上显示指定文件的末尾10行。 处理多个文件时会在各个文件之前附加含有文件名…

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

    文章目录sync补充说明语法选项buffer与cache sync 用于强制被改变的内容立刻写入磁盘 补充说明 sync命令 用于强制被改变的内容立刻写入磁盘,更新超块信息。 在L…

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

    文章目录lvresize补充说明语法选项参数实例 lvresize 调整逻辑卷空间大小 补充说明 lvresize命令 用于调整LVM逻辑卷的空间大小,可以增大空间和缩小空间。使用…

    入门教程 2023年 12月 19日
  • IOS发送电子邮件

    文章目录简介实例步骤输出 简介 我们可以使用IOS设备中的电子邮件应用程序发送电子邮件。 实例步骤 1、创建一个简单的View based application 2、选择项目文件…

    2023年 4月 1日
  • Git 服务器搭建

    上一章节中我们远程仓库使用了 Github,Github 公开的项目是免费的,2019 年开始 Github 私有存储库也可以无限制使用。 当然我们也可以自己搭建一台 Git 服务…

    2024年 4月 30日
  • whatis

    文章目录whatis补充说明语法实例 whatis 查询一个命令执行什么功能 补充说明 whatis命令 是用于查询一个命令执行什么功能,并将查询结果打印到终端上。 whatis命…

    入门教程 2024年 1月 3日
  • SQL AND & OR 运算符

    AND & OR 运算符用于基于一个以上的条件对记录进行过滤。 文章目录SQL AND & OR 运算符演示数据库AND 运算符实例实例OR 运算符实例实例结合 A…

    2023年 5月 28日
Translate »