版权声明:出错请帮忙指出。 https://blog.csdn.net/sinat_25786399/article/details/82811876
1.img显示图片的标签
<img src="" alt="" width="" height="">
2.必选属性
(1).src。图片显示内容的路径
绝对路径 :带有网络协议的网址
<img src="https://www.baidu.com/img/bd_logo1.png">
相对路径:从源文件到目标文件的过程
源文件与目标文件在同一文件夹:
<img src="12.jpg">
目标文件存在文件夹中
<img src="img/11.jpg">
源文件有文件夹
<img src="../14.jpg">
源文件,目标文件都有文件夹
<img src="../img/11.jpg">
根相对路径: 从盘符开始,到目标文件的过程,本地运行,有的浏览器支持,有的浏览器不支持.但是如果是通过服务器运行html文件,根相对路径,一定不支持,图片一定无法显示
<img src="C:\\Users\yufan\Desktop\d.png">
因为服务器不支持 \ web不使用根相对路径
(2)alt.
alt是图片显示失败时的替换显示内容 ,一般写图片类型或者内容说明或者写图片路径说明 写:图片正在加载...alt图片加载成功时,不会显示alt属性并不会影响图片的显示,但是作为img标签完整的设定内容,必须要有.
(3)图片的大小.图片的大小由图片属性宽,高来决定.如果指定图片宽高属性中的一个,浏览器会根据图片原始大小比例,对另一个属性自动调整.图片的宽高,使用CSS样式设定.