南希说在网页世界里，超链接就像一条隐形的桥梁，它把分散的页面紧密地连接在一起。无论你是在浏览文章、购物网站，还是在自己的项目中制作网页，超链接都是必不可少的工具。它的核心功能其实非常简单——让你点击一下，就能跳到另一个页面。
在 HTML 中，我们使用 <a> 标签来创建超链接，而它最关键的属性就是 href。这个属性告诉浏览器“我想去哪里”，可以是同一个项目内的文件，也可以是互联网上的任何网页。
绝对路径：直达目的地
所谓绝对路径，就是用完整的网址来指定目标位置。就像我们平时在浏览器地址栏输入的链接一样，绝对路径不依赖于你当前文件的位置，直接指向目标网站。
例如，如果你想让用户点击后访问 Google，你可以这样写：
<a href="https://www.google.com">访问 Google</a>
同理，如果你想跳转到亚马逊网站，也可以直接写完整链接：
<a href="https://www.amazon.com">访问亚马逊</a>
绝对路径的优点在于直观明了，你不需要关心文件的存放位置或者目录结构。无论你的 HTML 文件在哪里，只要点击链接，就能跳转到目标网站。这种方式特别适合链接外部资源或公共网站。
提示：如果不确定网址，可以直接在浏览器中打开目标网站，复制地址栏里的 URL，粘贴到
href中即可。
相对路径：基于当前文件的位置跳转
如果说绝对路径是“直达目的地”的高速路，那么相对路径就是“根据当前位置规划路线”的小路。在项目内部，尤其是自己管理的网页文件中，相对路径更灵活，也更常用。
1️⃣ 当前目录（.）的使用
假设你有一个项目文件夹 MyProject，里面有一个 HTML 文件 index.html 和一个页面 about.html，结构如下：
MyProject/
├─ index.html
├─ about.html
如果你想在 index.html 中创建一个跳转到 about.html 的超链接，可以这样写：
<a href="./about.html">关于我们</a>
或者直接写：
<a href="about.html">关于我们</a>
两种写法效果一样，因为 . 表示当前目录，浏览器会在 index.html 所在的文件夹里查找 about.html。
小提示：同级文件跳转可以直接写文件名，非常直观。
2️⃣ 上一级目录（..）的使用
有时候目标文件不在当前目录，而是在上一级目录。例如，你有如下目录结构：
MyProject/
├─ index.html
├─ pages/
│ └─ contact.html
如果你想在 pages/contact.html 中创建一个超链接，跳回 index.html，就需要先返回上一级目录，然后找到目标文件：
<a href="../index.html">返回首页</a>
这里的 .. 表示“上一级目录”，浏览器会从 pages 目录跳到 MyProject 目录，再找到 index.html。
3️⃣ 子目录跳转
如果目标文件在当前目录的子文件夹中，只需在路径中加上子目录名。例如：
MyProject/
├─ index.html
├─ pages/
│ └─ team.html
从 index.html 跳转到 team.html：
<a href="./pages/team.html">团队介绍</a>
./表示从当前目录开始pages/表示进入子目录team.html表示目标文件
小技巧：路径写法就像地图导航，每一层文件夹都需要用斜杠
/连接。
4️⃣ 多层目录与混合使
复杂的项目中，可能有多层目录嵌套。例如：
MyProject/
├─ index.html
├─ pages/
│ └─ blog/
│ └─ article.html
从 index.html 跳转到 article.html：
<a href="./pages/blog/article.html">阅读文章</a>
从 article.html 返回首页：
<a href="../../index.html">返回首页</a>
..表示上一级目录- 两个
..就表示返回两级目录
理解了
.和..的含义，就能轻松计算任何相对路径，无论目标文件在哪一层。
这一部分通过简单的案例，让你理解了相对路径的三种主要情况：当前目录、上一级目录、子目录。掌握这些，你就能在项目内部自由跳转文件，写出正确的超链接。
