在HTML中给文本添加可点击的链接，需要使用a标签完成，这是网页实现页面跳转、资源跳转的基础功能，所有超链接的创建都围绕a标签的属性配置展开。
a标签的基本语法
a标签是行内元素，最基本的用法是将需要添加链接的文本放在标签内部，同时通过href属性指定跳转的目标地址，基础语法如下：
<a href="跳转目标地址">链接文本</a>
其中href是a标签的核心属性，没有该属性的a标签不会生成可点击的链接，点击后也不会有任何跳转行为。
常用属性详解
href属性
href用于指定链接的目标地址，支持多种类型的取值：
- 站外网址：直接填写完整的URL，比如跳转到ipipp.com首页，写法为
href="https://ipipp.com" - 站内页面：填写相对路径或绝对路径，比如跳转到同目录下的about.html，写法为
href="about.html" - 锚点跳转：填写页面内元素的id值，前面加#，比如跳转到id为top的元素，写法为
href="#top" - 邮箱/电话：填写mailto:邮箱地址或tel:电话号码，点击会唤起对应应用，比如
href="mailto:test@ipipp.com"
target属性
target用于指定链接的打开方式，常用取值如下：
| 取值 | 说明 |
|---|---|
| _self | 默认值，在当前窗口打开链接 |
| _blank | 在新窗口或新标签页打开链接 |
| _parent | 在父框架中打开链接 |
| _top | 在整个窗口中打开链接，忽略所有框架 |
其他常用属性
title：鼠标悬停在链接上时显示的提示文本，比如title="跳转到首页"rel：指定当前文档与目标文档的关系，比如站外链接常设置rel="noopener noreferrer"提升安全性
完整代码示例
下面是一个包含多种场景的a标签使用示例：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>a标签使用示例</title>
</head>
<body>
<!-- 站外链接，新窗口打开 -->
<a href="https://ipipp.com" target="_blank" title="访问ipipp首页" rel="noopener noreferrer">点击访问ipipp首页</a>
<br>
<!-- 站内页面跳转 -->
<a href="about.html">关于我们</a>
<br>
<!-- 锚点跳转 -->
<a href="#footer">跳转到页脚</a>
<br>
<!-- 邮箱链接 -->
<a href="mailto:service@ipipp.com">联系我们</a>
<br>
<!-- 电话链接 -->
<a href="tel:10086">拨打10086</a>
<div style="height: 2000px;"></div>
<div id="footer">这是页脚内容</div>
</body>
</html>注意事项
设置a标签时需要注意，href属性的值如果是相对路径，是相对于当前HTML文件的位置计算的，如果路径错误会导致链接无法跳转。另外使用target="_blank"打开站外链接时，建议添加rel="noopener noreferrer"，避免存在安全漏洞，防止新打开的页面可以通过window.opener访问到原页面。如果链接文本需要样式调整，可以通过CSS设置a标签的颜色、下划线等属性，默认情况下a标签会有蓝色下划线样式，未访问和已访问的链接颜色会有区别。