图像标记

1.图像的格式

1.1 GIF：Graphic Interchange Format

文件最多可使用256种颜色，最适合显示色调不连续或具有大面积单一颜色的图像，例如导航条、按钮、图标、徽标或其他具有统一色彩和色调的图像

优点：

·可制作动态图像

·可以将图像以交错的方式在网页中呈现（未下载完成时会以马赛克的形式将图像慢慢显示）

1.2 JPEG：Joint Photographic Experts Group

此文件格式用于摄影或连续色调图像的高级格式，这是因为JPEG文件可以包含数百万中颜色；

JPEG格式是一种压缩的非常紧凑的格式，专门用于不含大色块的图像；

另外，JPEG有一定的失真度，但是是在人类肉眼分辨不出的情况下牺牲的；

最后如果图像需要全彩模式才能表现效果的话，JPEG就是最佳的选择

1.3 PNG：Portable Network Graphics

PNG是一种非破坏性的网页图像文件格式，它提供了将图像以最小方式压缩却又不造成图像失真的技术，不仅具备了GIF的大部分优点，而且还支持48-bit的色彩，更快地交错显示，跨平台的图像亮度控制，更多层的透明设置；

不过IE和Netscape Navigator只能部分支持PNG图像的显示，所以还是建议使用GIF和JPEG，以满足更多人的需求

2.插入图像img

2.1 图像的源文件src

<img src="图像相对地址或者绝对地址">

2.2 图像的提示文字alt

<img src="..." alt="文字提示">

在图像下载完成时，鼠标停留在图像上面就会显示alt的值

在图像下载失败时，图像就直接显示alt的值

2.3 图像的高度和宽度height、width

<img src="..." height="像素” width="像素">

若没有自定义图片的高度和宽度，那么图片就会按照它的原始尺寸显示

（注：就是图像定义的非常小，下载速度也是不会改变的）

2.4 图像的边框border

<img src="..." border="图像边框的宽度">

（注：默认情况下图像是没有边框的，当图像没有添加链接时，那么边框是黑色的，如果添加了链接，边框是蓝色的）

2.5 图像与文字的垂直、水平边距vspace、hspace

<img vspace="像素" hspace="像素">

2.6 图像的排列align

<img src="..." align="bottom/top/middle（相对于当前行文字对齐）或者 left/center/right>

3.图像的超链接

图像的超链接有两种形式，一种是整张图片对应一个超链接，另一种情况是图像的各个部分对应各个超链接>

3.1 一整张图像：

<a href="链接地址"><img src="..."></a>

3.2 各个部分：

<img usemap="映射图像名称">

<map name="映射图像名称">

<area shape="热区形状" coords="热区坐标" href="...">

</map>