HTML5中的图片标签

HTML5图片标签

  如果想要在网页中加载一张图片，那么就需要用到HTML中的图片标签，即img标签，img标签是一个自结束标签。
  img标签的属性如下所示：

1. src：设置一个外部图片的路径，可以使用相对路径和绝对路径也可使用一个链接。
2. alt：可以用来设置在图片不能显示时，对图片的描述，搜索引擎可以通过alt属性来识别不同的图片，如果不写alt属性，则搜索引擎不会对img中的图片进行收录。
3. title：在鼠标移动到图片上时显示的信息。
4. width：用来修改图片的宽度。
5. height：用来修改图片的高度。

<img src="图片的路径" alt="文本" title="文本" width="200px">

注意：

1. 不推荐直接在HTML中设置图片的大小，建议使用CSS来设置图片的大小。
2. 当为图片设置高度和宽度时，如果只设置了高度或宽度的其中一个，那么，另外一个会按比例自动设置。如果同时设置了高度和宽度，则按照设置的高度和宽度显示。

图片的格式

1. JPEG：该格式的图片支持的颜色比较多，图片可以压缩，但是不支持透明，一般使用JPEG保存照片等颜色丰富的图片。
2. GIF：该格式的图片支持的颜色少，只支持简单的透明，支持动态图，图片颜色单一或者是动态图时可以使用GIF。
3. PNG：该格式支持的颜色多，并且支持复杂的透明，可以用来显示颜色复杂的透明的图片。

  简单透明是指只支持横纵的透明，不支持弯曲的透明复杂，透明支持弯曲的透明。

图片的使用原则：
  效果不一致，使用效果好的
  效果一致，使用小的