1, 绝对路径与相对路径:

1.1 路径分为两种

第一种：绝对路径

（1）文件的完全路径，

比如：file:///C:/Users/asus/Desktop/1018/day01/code/图像标签.html

第二种：相对路径（*****）

（1）一个文件相对于另外一个文件的位置

第一种情况：图片和html文件在一个文件夹下面

（1）在html中直接写图片的名称

第二种情况：图片在html的下层目录

（1）把html的完全路径和图片的完全路径写出来

html： C:\Users\asus\Desktop\1018\day01\code\ a.html

图片： C:\Users\asus\Desktop\1018\day01\code\ img\w01.png

= w01.png在a.html所在目录code的下层目录里面

= <img src="img/w01.png" width="300" height="300"/>

第三种情况：图片在html的上层目录

html： C:\Users\asus\Desktop\1018\day01\ code\a.html

图片： C:\Users\asus\Desktop\1018\day01\ c.png

= c.png在a.html所在目录code的上层目录

= 如何表示上层目录 ../

= <img src="../c.png" width="300" height="300"/>

= ../../ ： 上层的上层

 

以后想到还会再补充, 知识点虽小, 但是还是挺容易出错的, 记录在这里备忘.