（注： 续接【HTML】标签学习（上.2））
（大家好哇，今天我们将继续来学习HTML的相关知识，大家可以在评论区进行互动答疑哦~加油！💕）
目录
4.7 路径（重点）
4.7.1 路径前期铺垫知识
4.7.2路径
4.7.2.1 路径之相对路径
4.7.2.1 路径之绝对路径
4.8 超链接标签（重点）
4.7 路径（重点）
4.7.1 路径前期铺垫知识
1.目录文件夹和根目录：
- 实际工作中，我们的文件不能随便乱放，否则用起来很难快速的找到他们，因此我们需要一个文件夹来管理他们。
- 目录文件夹 ：就是普通文件，只不过里面放了我们做页面所需要的相关素材，比如html文件，图片等。
- 根目录 ：打开目录文件夹的第一层就是根目录。
2.vscode打开目录文件夹
文件---打开文件夹，选择目录文件夹后，后期非常方便管理文件。
4.7.2路径
页面中的图片会非常多，通常我们会新建一个文件夹来存放这些图像文件(images) 这时再查找图像就需要采用"路径"的方式来指定图像文件位置.。
路径可以分为:1.相对路径 2.绝对路径。
4.7.2.1 路径之相对路径
相对路径: 以引用文件所在位置为参考案基础，而建立出的目路径.。（这里简单来说，图片相对于HTML页面的位置）
| 相对路径分类 | 符号 | 说明 |
| 同一级路径 | 图像文件位于HTML文件同一级，如<img src="baidu.gif“/> | |
| 下一级路径 | / | 图像文件位于HTIML文件下一级，如<img src="images/baidu.gif"/> |
| 上一级路径 | ../ | 图像文件位于HTML文件上一级，如<img src="../baidu.gif" /> |
相对路径是从代码所在的这个文件出发，去寻找目标文件的，而我们这里所说的上一级，下一级和同一级就是图片相对于HTIML页面的位置。
- 同一级路径：
- 下一级路径：
4.7.2.1 路径之绝对路径
- 绝对路径:是指目录下的绝对位置，直接到达目标位置，是从盘符开始的路径。
"D:\web\img\logo.gif" 或完整的网络地址 "http://www.itcast.cn/images/logo.gif"
4.8 超链接标签（重点）
- 在HTML标签中，<a>标签用于定义超链接，作用是从一个页面链接到另一个页面。
1.链接的语法格式：
<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>
单词anchor的缩写，意为:锚。
| 属性 | 作用 |
| href | 用于指定链接目标的url地址(必需属性)，当标签应用href属性时，它就具有了超链接的功能。 |
| target | 用于指定链接页面的打开方式，其中_self为默认值.-blank为在新窗口中打开方式。 |
2.链接的分类：
（1）外部链接：
eg: < a href="http:// www.baidu.com"> 百度 </a>
（2）内部链接: 网站内部页面之间的相互链接，直接链接内部页面名称即可。
eg: <a href="index.html" > 首页 </a>
（3）空链接: 如果当时没有确定链接目标时。
eg: <a href="#"> 首页 </a>
（4）下载链接: 如果href里面地址是一个文件或者压缩包，会下载这个文件
(地址链接的是文件.exe 或者是zip等压缩包形式)
（5）网页元素链接: 在网中的各种网页元素，如文本，图像，表格，音频，视频等都可
以添加超链接。
（6）锚点链接：当我们点击链接，可以快速定位到页面中的某个位置。
- 在链连接文本的href属性中，设置属性值为 #名字 的形式。
<a href="#two" 第2集</a>
- 找到目标位置标签，里面添加一个i0属性二刚才的名宇。
<h3 id:"two"> 第2集介绍</h3>
（今日分享结束啦，努力的自己最棒啦🎶！今日文案分享 ：自信至上，禁止低头。）
