html5基础第三篇,图片标签。

版权声明:出错请帮忙指出。 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样式设定. 

猜你喜欢

转载自blog.csdn.net/sinat_25786399/article/details/82811876