在 HTML5 中，创建超链接（即网页中的“跳转链接”）主要使用 <a> 标签。它是 HTML 中最基本也最常用的标签之一，用于将用户从当前页面引导到另一个页面、一个锚点、一个文件或一段内容。

🔗 HTML5 超链接的创建方法详解

一、基本语法

<a href="目标地址">链接文本</a>

📌 说明：

  • <a> 是 anchor（锚点）的缩写。
  • href 属性指定跳转的地址（hypertext reference）。
  • 链接文本 是用户点击的内容。

二、常见超链接类型

✅ 1. 跳转到外部网站

<a href="https://www.baidu.com">访问百度</a>

✅ 2. 跳转到当前站内页面

<a href="about.html">关于我们</a>

✅ 3. 页面内锚点跳转（指定位置）

<a href="#section2">跳转到第二部分</a>

<!-- 页面其他部分 -->
<h2 id="section2">第二部分内容</h2>

✅ 4. 下载文件链接

<a href="files/demo.pdf" download>点击下载文件</a>

download 是 HTML5 新增属性，指示浏览器下载该资源，而不是打开它。

✅ 5. 发邮件链接（mailto）

<a href="mailto:example@example.com">给我发邮件</a>

✅ 6. 拨打电话（移动端）

<a href="tel:1234567890">拨打电话</a>

三、常用属性

属性说明
href目标地址，必需属性
target打开方式，如 _blank（新窗口）
title鼠标悬停提示信息
download下载文件（仅当 href 指向文件）
rel链接关系，如 nofollow, noopener, stylesheet

示例：在新窗口打开并加悬浮提示

<a href="https://www.openai.com" target="_blank" title="访问OpenAI">OpenAI 官网</a>

四、带图片的链接

<a href="https://www.example.com">
  <img src="logo.png" alt="点击跳转" width="200">
</a>

五、超链接 + 样式（美化）

<style>
  a {
    color: blue;
    text-decoration: underline;
  }
  a:hover {
    color: red;
  }
</style>

六、常见错误提醒

错误写法正确方式
<a>百度</a href="...">href 必须写在 <a> 的开始标签内
忘写 href<a href="..."> 是必须的
target=blank应写为 target="_blank"（加引号和下划线）

✅ 小结

功能用法示例
打开网页<a href="https://...">文字</a>
页面内跳转<a href="#id名">跳转</a> + <div id="id名">
下载文件<a href="文件路径" download>下载</a>
邮箱/电话链接mailto: / tel:
在新窗口打开target="_blank"

如你有具体页面或链接需求（比如文章目录跳转、分页导航、下载区等），我可以为你写出完整 HTML 示例。是否需要？