html中图片路径的几种使用方式

版权声明：原创文章如需转载请注明出处 https://blog.csdn.net/holly_Z_P_F/article/details/85172617

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"/>