HTML 超链接

路径

目录文件夹和根目录

实际工作中，我们的文件不能随便放，否则用起来很难快速的找到他们，因此我们需要一个文件夹来管理他们。

目录文件夹：就是普通文件夹，里面只不过存放了我们做页面所需要的相关素材，比如html文件、图片等。

根目录：打开目录文件夹的第一层就是根目录

路径

页面中的图片会非常多，通常我们会新建一个文件夹来存放这些图像文件( images )，这时再查找图像，就需要采用 路径 的方式来指定图像文件的位置。

相对路径

以引用文件所在位置为参考基础，而建立出的目录路径。

这里简单来说，图片相对于HTML页面的位置。

相对路径分类	符号	说明
同—级路径	./（可以省略）	文件位于HTML文件同一级 如<img src="./baidu.gif" />
下一级路径	/	文件位于HTML文件下一级 如<img src="images/baidu.gif" />
上一级路径	…/	文件位于HTML文件上一级 如<img src="../baidu.gif" />

绝对路径

是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径，或者是完整的网络地址。

超链接标签

在HTML标签中，<a>标签用于定义超链接，作用是从一个页面链接到另一个页面。

链接的语法格式

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

单词 anchor 的缩写，意为锚。

两个属性的作用如下∶

属性	作用
href	用于指定链接目标的 url 地址，必须属性，当给标签添加href属性时，它就具有了超链接的功能
target	用于指定链接页面的打开方式，_self 为默认值， _blank 为在新窗口中打开

链接的分类

1. 外部链接：例如<a href="http://www.baidu.com ">百度</a>。

2. 内部链接：网站内部页面之间的相互链接，接链接内部页面名称即可，例如<a href="index.html">首页</a>。

3. 空链接：如果当时没有确定链接目标时，<a href="#">首页</a> 。

4. 下载链接：如果 href 里面地址是一个文件或者压缩包，会下载这个文件。

5. 网页元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接。

6. 锚点链接：点击链接，可以快速定位到页面中的某个位置。

   找到目标位置标签，里面添加一个id属性， 在链接标签的 href 属性中，设置属性值为 #id名称 的形式；如:

   <a href="#two">第2集</a>
   <h3 id="two">第2集介绍</h3>