这是我参与【第五届青训营】伴学笔记创作活动的第三天。
1.图片标签：
图片标签用于向当前页面中引中入一个外部图片
使用img标签来引入外部图片,img标签是一个自结束标签
img这种元素属于替换(块和行内元素之间，具有两种元素的特点)
2. 属性：
src 属性指定的是外部图片的路径(路径规则和超链接是一样的)
alt 图片的描述，这个描述默认情况下不会显示，有些浏览器会图片无法加载时显示
搜索引擎会根据alt中的内容来识别图片，如果不写alt属性则图片不会被搜索引擎所显示
3.width和heigtht
width 图片的宽度(单位是像素)
height 图片的高度
宽度和高度中如果只修改了一个，则另一个会等比例缩放
注意：
一般情况在pc端，不建议修改图片的大小，需要多大的图片就裁多大
但是在移动端，经常需要对图片进行缩放(大图缩小)
4.举例：
<img width="400" src="../img/R-C.jpg">
<img width="400" src="https://www.yulumi.cn/gl/uploads/allimg/201121/11200I923-1.jpg" alt="">
5
6.类型
【1】jpeg(jpg)
-支持的颜色比较丰富，不支持透明效果，支持动图
-颜色单一的图片，动图
【2】gif
-支持的颜色比较少，支持简单透明，支持动图
-颜色单一的图片，动图
【3】png
-支持的颜色丰富，复杂透明图片(专为网页而生)
【4】webp
-这种格式是谷歌新推出的专门用来表示网页中的图片的一种格式
-它具备其他图片格式的所有优点，而且文件还特别小
-缺点：兼容性不好
【5】base64
-将图片使用base64编码，这样可以将图片转化为文字，通过字符的形式来引入图片
-一般都是一些需要和网页一起加载的图片才会使用base64
效果一样，用小的
效果不一样，用效果好的。
