html中图片保存src路径总结

最新推荐文章于 2022-09-14 14:03:31 发布

路小雨Abigail

最新推荐文章于 2022-09-14 14:03:31 发布

阅读量2.2k

点赞数 2

本文链接：https://blog.csdn.net/weixin_43423781/article/details/104923284

版权

1、如果html文件和图片在同一文件目录下
在这里插入图片描述

``<img src="1.jpg" width="140" height="140">

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

在这里插入图片描述

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

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

在这里插入图片描述

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

4、html文件跟图片在不同目录下
<img src="file:///C:/Users/Pictures/1.png" >



5、如果图片来源于网络，那么写绝对路径
<img src="http://image.baidu.com/pcindex"/width="300" height="120"/>