特点
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
加载速度快
格式选择原则:效果一样,选择小的;效果不一样,选择效果好的