__x__(11)0906第三天__图片标签

图片标签 

---

<img src="data:images/1.gif" alt="冰河世纪的大松鼠" width="80%" />

Hello Web!`

这是一个内联元素。

---

 使用<img />标签向网页引入一张图片：

• src：图片相当于源代码的位置，支持 当前文件夹“.”，上一级文件夹“..”。
• alt：一般都会编写备注，在图片无法显示时，网页上可见。且可以被搜索引擎检索，符合时，收录图片。
• width/height：宽/高，一般指定一个，按比例进行缩放。

---

图片的格式：

• PNG：支持的颜色多，且支持复杂透明。。。一般保存颜色复杂或者需要透明的图。
• JPEG：支持的颜色较多，图片可以压缩，但不支持透明。。。一般保存色彩鲜艳的图片。
• GIF：支持颜色少，只支持简单的透明，支持动态图。。。一般保存颜色单一或者动态的图片。

同样的效果，选择图片大小小的哪一种格式。。。一般开发中，除了自适应页面开发，其他情况不建议设置 width 和 height，而是要美工裁出指定大小的图。

---