【HTML 基础】 04 图像

常用的图片格式

• GIF，最多支持256色,支持透明,支持多帧动画显示效果.
• JPEG，支持多种颜色,使用了有损压缩,不支持透明,不支持动画效果.
• PNG ，是一种新的图片技术,使用了无损压缩,支持透明,不支持动画.

图像标签

<img src="url"/>

• src属性
  图像的 URL 地址。图像可以是网络资源，也可以是本地资源。

<img src="https://www.baidu.com/img/computer_pc_f9e71b7cee2d086842457387be642f5e.gif"/><img src="dog_s.jpg" />

• alt属性
  一串预备的可替换的文本。在浏览器无法载入图像时，替换文本信息将被展示。

图像链接

图像可以作为超链接的内容，点击图片跳转到相应文档

<a href="index1.html" target="_blank"><img src="img/logo.jpg" align="汽车"/> </a>

图像地图

• 所谓图像地图，就是带有可供点击区域的图像，其中的每个区域都是一个超级链接。
• img 元素中的 “usemap” 属性引用 map 元素中的 “id” 或 “name” 属性（根据浏览器），所以我们同时向 map 元素添加了 “id” 和 “name” 属性。
• 使用Dreamweaver可以快速的编辑图像地图。

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /><map name="planetmap" id="planetmap">  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" /></map>