3.31图像的插入

3.31图像的插入

(一)插入的方法：中输入

(二)分析img标记

1.是单标记

2.样式的格式：（img是选择器）

选择器（属性1：属性值1，属性2：属性值2...）

3.块元素block(后面自带换行 可以指定尺寸)

行元素inline(不能指定尺寸img)

行内块元素inline-block( 后面不带换行 可以指定尺寸img)

(三)网页中插入图片的原则

1.在保证成像质量的情况下，文件大小越小越好

图像格式：3+2

3：png jpg/jpeg gif

2：svg webp

png:支持透明背景

jpg/jpeg:颜色最为丰富

gif:唯一支持动图

svg:小

webp:颜色丰富且小 缺点：不支持ios