在 HTML 中，链接页面是一项基础且至关重要的实践，它让用户能够在同一个网站内的不同网页之间跳转，或者导航到完全不同的网站。这些链接，也被称为超链接，是通过 标签来创建的，它可以将用户引导至另一个 HTML 文档、外部站点、同一页面内的某个部分、电子邮件地址或其他类型的资源。
前置知识
#### 在 HTML 中创建链接有几种方法：
目录
- 链接到另一个网页
- 链接到同一页面的特定部分
- 链接到电子邮件地址
- 链接到文件
- 链接到 JavaScript 函数
链接到另一个网页
这是最常见的链接类型，允许你从一个网页导航到另一个页面。这些链接可以指向同一网站内的其他页面，也可以指向外部网站。我们可以使用带有 href 属性的 标签来指定目标 URL。
语法：
Link Text
- URL：目标 URL。它可以是绝对路径，也可以是相对路径。
- Link Text:：在网页上显示的可点击文本。
示例： 在这个示例中，我们使用锚 () 标签创建了一个链接，该链接会将用户带到外部网站 example.com 的博客页面。链接文本是“Visit Our Blog”，这也是用户将看到并点击的内容。当点击链接时，浏览器将导航到 https://www.example.com/
HTML
CODEBLOCK_14967e7d
输出： 当点击“Visit Our Blog”链接时，浏览器将导航到 https://www.example.com/ 网站。
链接到同一页面的部分
这通常被称为锚链接或书签，这类链接允许我们导航到同一页面内的特定部分。对于内容较长的页面，如果你想提供不同部分的快速导航，这会显得特别有用。
语法：
Link Text
示例： 在这个示例中，链接 Go to Contact Section 指向 ID 为 contact 的部分。当用户点击该链接时，页面将向下滚动到“Contact Us”部分，该部分由
Contact Us
标记。
HTML
CODEBLOCK_cd826d0a
输出： 点击“Go to Contact Section”链接将使页面向下滚动到“Contact Us”部分。
链接到电子邮件地址
这些链接可以使用 mailto: 协议来打开用户的默认电子邮件客户端，并启动一个填写了指定收件人地址的新邮件。这对于能自动打开邮件编辑器的联系链接非常有用。
语法：
Send Email
示例： 在这个示例中，当用户点击“Email Support”链接时，他们的默认邮件客户端会打开，并且“To”字段会自动填充为 [email protected]。mailto: 协议处理了这一行为。
HTML
CODEBLOCK_56a07b5b
输出： 点击“Email Support”链接将打开默认的电子邮件客户端，显示新邮件窗口，并且收件人（to）字段将填充为 [email protected]。
链接到文件
当我们要提供可下载内容（如 PDF、图片或文档）时，文件链接就会派上用场。用户可以点击链接来查看或下载文件。我们可以添加 download 属性，以确保文件是被下载而不是在浏览器中打开。
语法：
“`
<a href="