<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
img标签是一个自结束标签，
属于替换元素（块元素和行内元素之间，具有两种元素的特点）
属性：
src 属性指定的是外部图片的路径（路径规则和超链接是一样的），支持base64
alt 图片的描述，部分浏览器在图片无法加载时显示图片的描述。
搜索引擎会根据alt中的内容来识别图片，如果不写alt属性，
则图片不会被搜索引擎收录、
width 图片的宽度（单位是像素）
height 图片的高度
- 宽度和高度如果只修改了一个，则另一个会等比例缩放
-->
<!--
图片格式：
jpeg(jpg)：
- 支持的颜色比较丰富，不支持透明效果，不支持动图
- 一般用来显示照片
gif:
- 支持的颜色比较少，支持简单透明，支持动图
- 颜色单一的图片、动图
png:
- 支持的颜色丰富，支持复杂透明，不支持动图
- 颜色丰富，复杂透明图片（专为网页而生）
webp:
- Google新推出的专门用来表示网页中的图片的一种格式
- 具备其他格式的所有优点，且文件较小
- 缺点：浏览器兼容性不好
base64：
- 将图片使用base64编码，一般都是一些需要和网页一起加载的图片才会使用base64
-->
</body>
</html>
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
