HTML 的超链接是实现网页之间跳转、构建互联网内容关联的核心元素，通过超链接才能从一个页面跳转到另一个页面，形成互联互通的网页生态。
例如，百度热搜，显示了10个热门搜索，用户点击对应的标题可以跳转到标题对应的具体内容页面，如下图：
HTML 中超链接使用 <a> 标签定义（a 是 anchor 锚点的缩写），它是双标签（闭合元素），标签内包裹跳转的触发内容（可以是文字、图片等）。
注意，<a> 标签的核心属性是 href，用于指定跳转的目标地址，没有 href 属性的 <a> 只是一个普通文本标签，不具备跳转功能。
例如：点击跳转到“核心编程网”
<a href="https://www.hxstrive.com">核心编程网</a>当你点击超链接访问目标网站后，返回来，你会发现超链接的样式变了，浏览器默认会在超链接各种状态给出不同的样式，如下：
未访问过的链接：蓝色文字 + 下划线。
已访问过的链接：紫色文字 + 下划线。
点击时的链接：红色文字 + 下划线。
注意，超链接是「行内元素」，不会独占一行，后续可通过 CSS 修改默认样式，例如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML教程</title>
</head>
<body>
点击 “<a href="https://www.hxstrive.com">核心编程网</a>” 学习HTML
</body>
</html>运行示例，效果如下图：
超链接除了核心的 href 属性，还有几个常用属性能扩展超链接的功能，整理如下：
| 属性名 | 作用 | 常用值 |
|---|---|---|
| href | 指定跳转目标地址（必填） |
|
| target | 指定链接的打开方式 |
|
| title | 鼠标悬浮在链接上时，显示的提示文本 | 自定义文字（如 前往百度首页） |
示例：下面是超链接最常用的 4 种场景
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML教程</title>
</head>
<body>
<h2>超链接的4种常见类型</h2>
<!-- 类型1：外部链接（跳转到外部网站），注意 rel="noopener" 可以切断新页面与原页面的 window.opener 引用关联 -->
<p>
外部链接（新窗口打开）：
<a href="https://www.baidu.com" rel="noopener" target="_blank" title="前往百度首页">百度一下，你就知道</a>
</p>
<!-- 类型2：内部链接（跳转到本站内的其他页面） -->
<p>
内部链接（当前窗口打开）：
<a href="personal_info.html" title="查看我的个人信息卡">我的个人信息卡</a>
<br>（说明：需提前创建 personal_info.html 文件，否则会跳转404页面）
</p>
<!-- 类型3：锚点链接（跳转到页面内指定位置） -->
<p>
<a href="#bottom" title="跳转到页面底部">点击跳转到页面底部</a>
</p>
<!-- 占位内容：用于撑开页面，方便看到锚点跳转效果 -->
<p style="height: 1000px; background-color: #f5f5f5;">
这里是占位内容，滚动页面才能看到底部...
</p>
<!-- 页面底部的锚点目标 -->
<p id="bottom">
我是页面底部（锚点目标位置）
<br>
<a href="#top" title="回到页面顶部">点击回到页面顶部</a>
</p>
<!-- 类型4：特殊协议链接（触发邮件/电话等功能） -->
<p>
特殊协议链接：
<a href="mailto:hxstrive@outlook.com" title="发送邮件给我">给我发送邮件</a>
<br>
<a href="tel:13800138000" title="拨打这个电话">拨打我的电话</a>（手机端浏览器有效）
</p>
</body>
</html>运行示例，效果如下：
最后总结：
HTML 超链接由 <a> 双标签定义，核心属性 href 指定跳转目标，target 指定打开方式，title 提供悬浮提示。
超链接分为 4 种常用类型：外部链接、内部链接、锚点链接、特殊协议链接，覆盖绝大多数开发场景。
外部链接推荐加 target="_blank"，锚点链接通过“#锚点名”实现页面内跳转，图片可嵌套在<a>内实现图片跳转。
更多HTML相关知识请阅读后续教程……
川公网安备51010802032098