html-图片标签

一、图片标签

(1)在制作网页的过程中,可以使用HMTL代码中的<img>标记向网页中嵌入一副图像,也可以使CSS设置某元素的背景图像。利用<img>标记插入图像是网页中经常使用的图像插入方式。<img>标记并不是在网页中插入图像,而是从网页上链接显示一幅图像。

(2)<img>标记创建的是被引用图像的占位空间,语法格式如下。

<img src="url" alt="description" width="value" height="value" />  

<img>标记的作用是嵌入图像,

(3)图片标记含多个属性,如下。

属性值 说 明
src 图像地址
alt 添加图像的代替文字
width/height 设置图像宽度/高度
border 设置图像边框

①src属性

src属性为必须属性,其他属性为可选项。src属性用于指定图像文件所在的路径,这个路径可以是相对路径也可以是绝对路径。

扫描二维码关注公众号,回复: 4092358 查看本文章

②alt属性

alt属性用于添加图像的替代文。<img>标记的alt属性用于添加图像的替代文字,若图片没有被下载,图片位置会显示此替代文字,起到提醒说明的作用。

③title属性

当浏览网页时,若图像下载完成,鼠标放在图像上时,鼠标旁会出现此替代文字。

④width/height属性

width/height属性用于设置图像宽度/高度。<img>标记的属性width和height用来设置图像的宽度和高度,默认情况下,网页中显示的图像保持原图的尺寸。即不设置图像的宽度和高度,图像大小与原图一致。

⑤border属性

图像默认是没有边框的,除非图像在a元素内部。<img>标记的border属性可以为图像定义边框的宽度,既可增加或者去掉(border="0")图像的边框。边框颜色默认为黑色。

猜你喜欢

转载自blog.csdn.net/qq_39620483/article/details/84075476