1．绝对路径

<img src="D:/images/img/1.png" />

绝对路径，指的是图片在你的电脑中的完整路径。平常我们用电脑都知道，文件夹上方会有一个路径，其实这个就是绝对路径

2．相对路径

所谓的相对路径，指的是图片相对当前页面的位置

如果你编写的xx.html与img文件夹位于同一层目录中，两者是兄弟关系。此时正确的相对路径应该是”img/1.png”。

<img src="img/1.png" />

如果此时xx.html与1.png位于同一级目录中，也就是兄弟关系。正确的写法如下所示。

<img src="1.png" />

如果此时的xx.html位于test文件夹下，1.png位于img文件夹下，而test文件夹与img文件夹处于同一层目录（兄弟关系）。也就是说1.png位于xx.html的上一级目录中的img文件夹下，因此src为“../img/1.png”。

<img src="../img/1.png" />

注意注意！！！！：其中“../”表示上一级目录

如果此时1.png与test文件夹位于同一级目录中，我们只需要找到xx.html的上一级，就可以找到haizei.png了。正确的写法如下所示。

<img src="../1.png" />