路径之相对路径
相对路径：以引用文件所在位置为参考基础，而建立出的目录路径。
这里简单来说，图片相对于HTML页面的位置
| 相对路径分类 | 符号 | 说明 |
| 同一级路径 | 图像文件位于HTML文件同一级 如<img src="baidu.gif" /> | |
| 下一级路径 | / | 图像文件位于HTML文件下一级 如<img src="images/baidu.gif" /> |
| 上一级路径 | ../ | 图像文件位于HTML文件上一级 如<img src="../baidu.gif" /> |
相对路径是从代码所在的这个文件出发，去寻找目标文件，而我们这里所说的上一级、下一级和同一级就是图片相对于HTML页面的位置
相对路径的三种情况：
一、图片位于HTML文件同一级：
<img src="图片名称"/>二、图片位于HTML下一级路径：
<img src="下一级路径名/图片名" />三、图片位于HTML上一级路径：
<img src="../图片名">
若图片在上上级目录，则：
<img src="../../图片名">
每一个 ../ 代表一个上一级，有多少个上一级，就写多少个 ../路径之绝对路径：
绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。
例："C:\Users\迪迦\Desktop\学习文件存放处\HTML\图片存放\派大星.jpg"
<img src="C:\Users\迪迦\Desktop\学习文件存放处\HTML\图片存放\派大星.jpg" />标明：注意反斜杠，相对路径的反斜杠是 / 向左倾斜的，绝对路径的反斜杠是 \ 向右倾斜的。
注意：不推荐使用绝对路径，大家要学会使用相对路径。绝对路径个人性太强，因为绝对路径是从盘符开始算起，也就是C盘D盘，就比如我上面的例子，并不是所有人的电脑里都有迪迦这个文件夹，也不是所有人都有学习文件存放处这个文件夹。
所以，如果使用绝对路径的话，你的html文件别人使用时，或者你换个电脑使用时，图片就会无法显示，因为电脑找不到这个路径的图片。所以推荐大家学会习惯使用相对路径。
绝对路径在以后工作中几乎不会使用，因为绝对路径只能在自己电脑上用，客户用的时候就会出错。
有一种绝对路径我们会用到：
就是图片的网络绝对路径，也就是说，这个图片在网络上。
获取方式就是，右键网络上的图片，选择复制图片地址，即可获取到图片的网络绝对路径，这种绝对路径在网络上是唯一的。
例： https://pic57.photophoto.cn/20201213/0005018348871506_b.jpg
<img src="https://pic57.photophoto.cn/20201213/0005018348871506_b.jpg" />注意：这样取图的弊端就是，若这个网站把图片删掉了，那么我们使用的这个绝对路径也取不到这个图片了。