通过HTML超链接，我们可以从一个网页跳转到另一个网页，也正是因为超链接的存在，才构成了互联“网”
HTML 超链接（链接）
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手，表示可以点击。
HTML超链接－href属性
作为一个链接，首先要指明该链接要跳往何处。它类似这样：
<a href="url">Link text</a>
通过href属性指明要跳转的url，url可以是一个绝对地址，如https://www.baidu.com/，也可以是一个相对地址
绝对地址：
点击后直接跳转至指定的url，如：
<a href="https://www.baidu.com/">Link text</a> //跳转到百度
相对地址：
如，有两个文件夹a、b，a文件下有aa.php 、bb.php，b文件夹下面有ba.php、bb.php，a文件夹下面有个a1文件夹，拥有a1.php文件
a文件夹：
|---------aa.php
|---------ab.php
|---------a1文件夹
|------a1.php
b文件夹
|----------ba.php
|----------bb.php
在aa.php中超链接写法如下
<a href="ab.php">Link text</a> //跳转到aa.php所在目录下的ab.php文件 <a href="a1/a1.php">Link text</a> //跳转到aa.php所在目录中的a1文件夹a1.php文件 <a href="../b/ba.php">Link text</a> //跳转到aa.php所在目录的同级目录b的ba.php文件
如果在a1.php中，想要跳转到b文件夹下的ba.php，写法如下
<a href="../../b/ba.php">Link text</a>
“../”，可以理解为当前文件的父级目录，有几层就来几个
一个网站文件之间的跳转，建议采取相对定位的跳转方式，这样，无论你的网站域名以后是否发生变化，都不影响跳转链接的正确性。
HTML 链接 - target 属性
默认情况下，点击超链接后，当前页面将被要打开的新页面替换，而使用 Target 属性，你可以定义被链接的网页以何种方式在浏览器中打开。最常用的就是不指定或指定为“_bank”。
<a href=" target="_bank" >在新窗口中打开</a>
| 值 | 描述 |
|---|---|
| _blank | 在新窗口中打开被链接文档。 |
| _self | 默认。在相同的框架中打开被链接文档。 |
| _parent | 在父框架集中打开被链接文档。 |
| _top | 在整个窗口中打开被链接文档。 |
HTML 链接 - name/id 属性
有时候，我们并不是想要从一个页面跳转到另一个页面，而是从某个页面的一个地方，跳转到该页面另一个地方，实现同页面之间的跳转。
那么既然想要跳转到一个指定的地方，就要先想办法把要跳转的位置进行标记，通过在页面中插入如下代码，可以命名一个叫test的锚点。
<a name="test" ></a> //通过name或id均可定义锚点 <a id="test" ></a>
然后通过如下代码，可以跳转到test锚点
<a href="#test" ></a>
来个栗子，动手试试吧
<a href="#test1">test1</a> <a href="#test2">test2</a> <a href="#test3">test3</a> <a name="test1"></a> <div style="width: 300px;height: 500px;background-color: red"> test1 </div> <a name="test2"></a> <div style="width: 300px;height: 500px;background-color: blue"> test2 </div> <a name="test3"></a> <div style="width: 300px;height: 500px;background-color: green"> test3 </div>
