Web前端_html_图片标签

图片标签用于向当前页面中引入一个外部图片
img属于替换元素（基于块和行元素之间，具有两种元素的特点）
属性

• src 外部图片的路径
• alt 对图片的描述，默认情况下不会显示，有些浏览器会在图片无法加载时显示，搜索引擎会根据alt的内容来识别图片，如果不写alt属性，图片不会被搜索引擎识别
• width 图片的宽度（单位像素）
• height 图片的高度
• 宽度和高度如果只修改了一个，则另一个等比例缩放

图片格式
jpeg(jpg) 支持颜色比较丰富，不支持透明效果，不支持动图，一般用来显示照片
gif 支持的颜色比较少，支持简单透明，支持动图，颜色单一的图片，动图
png 支持的颜色丰富，支持复杂透明，不支持动图，为网页而生
webp 谷歌新推用来表示网页中图片的一种格式，集上述所有优点，而且文件特别小。缺点：兼容性不好
base64 将图片使用base64编码，将图片转换为字符，通过字符的形式引入图片，一般都是需要和网页一起加载的图片才会使用base64(在线图片转换Base64)
效果一样用小的，效果不一样用效果好的

注意：
一般情况在pc端，不建议修改图片的大小，需要多大就裁多大
但是在移动端，经常需要对图片进行缩放（大图缩小）

<img src="./img/1.gif">
<img src="外部图片链接" alt="图片的描述">