img图片标签

特点

img标签是一个自结束标签
img这种元素属于替换元素（内联块状元素）（具有块和行内两种元素的特点）

---

属性

1、src属性

指定的是外部图片的路径

---

2、alt属性

a）图片的描述，这个描述默认情况下不会显示，有些浏览器会在图片无法加载时显示。

b）搜索引擎会根据 alt中的内容来识别图片，如果不写alt属性图片则不会被搜索引擎所收录。

---

3、width、height

a）图片的宽度、图片的高度（单位是像素）

b）宽度和高度中如果只修改一个，则另一个会等比例缩放

---

图片的格式

1、jpeg（jpg）

a）支持的颜色比较丰富，不支持透明效果，不支持动图
b）一般来显示照片

---

2、gif

支持的颜色比较少，支持简单透明，支持动图

---

3、png

a）支持的颜色丰富，支持复杂透明度，不支持动图
b）颜色丰富，复杂透明度（专为网页而生）

---

4、webp

a）这种格式是谷歌新推出的专门用来表示网页中的图片的一种格式
b）它具备其他图片格式的所有优点，而且文件还特别小
c）缺点：兼容性差

5、base64

a）将图片使用base64编码，这样可以将图片转换为字符，通过字符的形式来引入图片
b）一般都是一些需要和网页一起加载的图片才会使用base64
加载速度快

---

格式选择原则：效果一样，选择小的；效果不一样，选择效果好的