2.路径（前期铺垫知识）
（1）目录文件夹和根目录
实际工作中，我们文件夹不能随便乱放，不然用起来很难找到。
目录文件夹：就是普通文件夹，里面只不过存放了我们做页面所需要的相关素材，比如html文件、图片等。
根目录：打开目录文件夹的第一次就是根目录
（2）相对路径和绝对路径
页面中的图片会非常多，通常我们会新建一个文件夹来存放这些图像文件（images），这时再查找图像，就需要采用“路径”的方式来指定图像文件的位置。
1.相对路径：以引用文件所在位置为参考基础，而建立出的目录路径。（图片相对于HTML页面的位置）
| 相对路径分类 | 符号 | 说明 |
|---|---|---|
| 同一级路径 | 图像文件位于HTML文件同一级 如 <img src="baidu.gif" /> | |
| 下一级路径 | / | 图像文件位于HTML文件下一级 如 <img src="images/baidu.gif" /> |
| 上一级路径 | ../ | 图像文件位于HTML文件上一级 如 <img src="../baidu.gif" /> |
当处于HTML下一级路径的时候，不可写成
/images/baidu.gif
正确的是：
images/baidu.gif
例子
（1）同一级路径
<img src="favicon.ico" alt="图片" title="嗷嗷" /><br>（2）下一级路径
<img src="images/favicon.ico" alt="图片" title="嗷嗷" />（3）上一级路径
<img src="../favicon.ico" alt="图片" title="嗷嗷"/>这里上一级路径是
../，如果是上两级路径就是../../favicon.ico2.路径之绝对路径
绝对路径：指的是目录下的绝对位置，能够直达位置，通常是从盘符开始的路径
例如：D:\web\img\logo.gif
或者：https://example.com/images/logo.gif
