HTML使用 <a> 标签来创建超文本链接，这是网页互联的核心技术。
超链接可以是文字、词语或图像，点击后可以跳转到新的文档、页面特定位置或其他网站。
当鼠标指针移动到链接上时，箭头会变为手形图标，提示用户可以点击。
链接在浏览器中的默认显示样式：
链接的基本HTML语法结构：
<a href="url">链接文本</a>其中 href 属性指定链接的目标地址。
<!-- 外部网站链接 -->
<a href="https://www.abdict.com/">访问ab教程网</a>
<!-- 内部页面链接 -->
<a href="about.html">关于我们</a>
<!-- 同一页面锚点链接 -->
<a href="#section1">跳转到第一节</a>target 属性定义链接文档的打开方式：
<!-- 在新窗口/标签页打开 -->
<a href="https://www.abdict.com/" target="_blank">在新窗口打开</a>
<!-- 在当前窗口打开（默认） -->
<a href="https://www.abdict.com/" target="_self">在当前窗口打开</a>
<!-- 在父框架集中打开 -->
<a href="https://www.abdict.com/" target="_parent">在父框架打开</a>
<!-- 在整个窗口中打开 -->
<a href="https://www.abdict.com/" target="_top">在整个窗口打开</a>
<!-- 在指定框架中打开 -->
<a href="https://www.abdict.com/" target="frameName">在指定框架打开</a>使用id属性创建页面内的书签导航：
<!-- 定义锚点位置 -->
<h2 id="section1">第一章：HTML基础</h2>
<div id="tips">实用技巧部分</div><!-- 同一页面内的锚点链接 -->
<a href="#section1">跳转到第一章</a>
<a href="#tips">查看实用技巧</a>
<!-- 跨页面的锚点链接 -->
<a href="tutorial.html#chapter3">跳转到教程第三章</a>
<!-- 外部网站的锚点链接 -->
<a href="https://www.abdict.com/html_links.htm#tips">
访问实用技巧部分
</a><!-- 基本邮件链接 -->
<a href="mailto:contact@abdict.com">联系我们</a>
<!-- 带主题和内容的邮件链接 -->
<a href="mailto:contact@abdict.com?subject=咨询&body=您好，我想咨询...">
发送详细咨询邮件
</a>
<!-- 带多个收件人的邮件链接 -->
<a href="mailto:contact@abdict.com,support@abdict.com">
发送给多个联系人
</a><!-- 电话链接（移动设备适用） -->
<a href="tel:+8613800138000">拨打客服电话</a><!-- 文件下载链接 -->
<a href="files/document.pdf" download>下载PDF文档</a>
<a href="files/report.docx" download="年度报告.docx">
下载年度报告
</a><!-- 添加CSS类 -->
<a href="about.html" class="btn btn-primary">主要按钮</a>
<a href="contact.html" class="nav-link">导航链接</a>
<a href="download.html" class="download-link">下载链接</a><!-- 添加title属性提高可访问性 -->
<a href="gallery.html" title="查看我们的作品集">
作品集
</a>
<!-- 为屏幕阅读器提供额外信息 -->
<a href="document.pdf" aria-label="下载产品手册PDF文档">
下载手册
</a>| 标签 | 描述 | 常用属性 |
|---|---|---|
<a> |
定义超链接 | href, target, download, title, id |