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

 

posted @   小张睡醒了  阅读(2487)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示