一. 概述
HTML 使用超链接与网络上的另一个文档相连,可以实现点击即查看另一个文档的内容。HTML 中的链接允许用户在浏览网页时单击文本或图片来跳转到其他位置。
二. HTML 链接🔗 —— 使用标签
HTML 中使用 <a></a> 标签来设置网页中的超链接。在需要的位置给设置 <a></a> 标签,将内容包含在标签中,同时设置 href 属性,设置点击超链接后跳转的地址。
<a href="https://www.com">超链接书写事例</a>
在网页中,当鼠标移动到超链接上时,箭头会变成小手。而 🔗 的展现形式如下:
- 未访问过的 🔗 字体为蓝色,带有下划线;
- 访问过的 🔗 字体为紫色,带有下划线;
- 点击 🔗 时,字体为红色,带有下划线。
超链接可根据情况自定义样式,具体现实情况以真实代码为主。
三. HTML 链接🔗 — 语法
创建超链接主要使用的 HTML 元素是 <a> 标签元素(又称锚元素)。
<a> 标签的属性如下所示:
href
:指定链接目标的URL,这是链接的最重要属性。可以是另一个网页的URL、文件的URL或其他资源的URL。target
(可选):指定链接如何在浏览器中打开。常见的值包括_blank
(在新标签或窗口中打开链接)和_self
(在当前标签或窗口中打开链接)。title
(可选):提供链接的额外信息,通常在鼠标悬停在链接上时显示为 title 提示。rel
(可选):指定与链接目标的关系,如 nofollow、noopener 等。- id 属性:用于创建一个 HTML 文档书签。
1.文本链接
<a href="https://www.example.com">
文本示例
</a>
2.图片链接
<a href="https://www.example.com">
<img src="example.jpg" alt="示例图片">
</a>
3.锚点
<a href="#section2">跳转到第二部分</a>
<!-- 在页面中的某个位置 -->
<a name="section2"></a>
4.下载
<a href="document.pdf" download>下载文档</a>
其中 <a> 标签的锚点指的是可以在同一页面内创建内部链接,这称为锚点链接。要创建锚点链接,需要在目标位置使用 <a> 元素定义一个标记,并使用#符号引用该标记。
而如果想将链接用于下载文件而不是导航到另一个网页,可以使用 download 属性。