html5 图片路径问题

同一个目录：index2.html 或./index2.html；

在子目录：xxx/index2.html；

在孙子目录：xxx/xxx/index2.html；

在父目录：../index2.html；

在爷爷目录：../../index2.html；

1、如果html文件和图片在同一文件目录下

<img src="holly.jpg" width="140" height="140"/>

2、如果图片在images文件夹里  而html文件与images在同一文件目录下

 <img src="images/holly.jpg" width="140" height="140"/>

3、如果 图片在images文件夹  html文件在count文件夹下  而images和count在同一目录下

 <img src="../images/holly.jpg" width="140" height="140"/>

4、html文件跟图片在不同目录下

 <img src="file:///C:/Users/ASUS/Pictures/1.png" width="260" height="260"/>

5、如果图片来源于网络，那么写绝对路径

<img src="http://image.baidu.com/pcindexhot"/width="300" height="120"/>

原文链接：https://blog.csdn.net/holly_Z_P_F/article/details/85172617