标签：
网页中的图像的格式通常有3中， 即GIF,JPEG,PNG,目前GIF,JPEG文件格式的支持情况最好，大多数浏览器都可以查看它们；
GIF：图像交换格式
特点：
1：文件最多可使用256中颜色，最适合显示色调不连续或具有大面积单一颜色的图像；
例如：导航条，按钮，图标，徽标
2：制作动态图像
3：将图像以交错的方式在网页中呈现；交错显示，就是当图像尚未下载完成时，浏览器会先以马赛克的形式将图像慢慢显示，
让浏览者可以大略猜出下载图像的雏形；
JPEG：图像压缩格式
特点：
1：主要用于摄影或连续色调图像的高级格式，这是因为JPEG文件可以包含数百万中颜色，通常可以通过压缩JPEG文件在图像品质和文件大小之间达到良好的平衡；
2;JPEG格式是一种压缩的非常紧凑的格式，专门用于不含大色块的图像，jpeg图像有一定的失真度；
3:如果图像需要全彩模式才能表现效果的话，JPEG就是最佳的选择；
PNG格式：
PNG图像格式是一种非破坏的网页图像文件格式。他提高了将图像文件以最小的方式压缩却又不造成图像失真的技术；
1： 插入图像
插入图像标记（img）
img相关属性：
图像的源文件（src）
语法：
<img src="images/1.jpg" height="512" width="1024">
图像的提示文字（alt）（无法正常显示，才会出现提示）
语法：
<img src="images/1.jpg" height="512" width="1024" alt="星语星愿">
图像的宽度，高度（width，height）
语法：
<img src="images/1.jpg" height="256" width="512">
图像的边框（border）
语法：
<img src="images/1.jpg" height="256" width="512" border="5">
说明：border的单位是像素，值越大边框越宽
图像的垂直边距（vspace）
用来调整图像与文字的垂直边距
语法：
<img src="images/1.jpg" height="256" width="512" border="5" vspace="50">
图像的水平间距（hspace）
语法：<img src="images/1.jpg" height="256" width="512" border="5" vspace="50" hspace="50">
图像的排列（align）(控制文本的)
属性：
bottom 图片的底部和当前行的文字底部对齐
top 图片的顶端和当前行的文字顶端对齐
middle 图片水平中线和当前行的文字中线对齐
left 图片左对齐
center 图片水平中线和当前行的文字中线对齐
right 图片右对齐
2：图像的超链接
除了文字可以添加超链外，图像也可以设置超链接，同一个图像的不同部分也可以链接到不同的文档这就是热区；
图像超链接标签（<a></a>）：
语法： <a href="#"><img src="images/1.jpg" height="512" width="1024"></a>
图像热区链接（暂时没有用过）
实质：把一张图片划分成不同的热点区域，在让不同的区域进行超链接，这就是映射地图；
步骤：
1：指定图像，并且设置映射图像名
<img src="图像地址" usemap="映射图像的名称">
2：定义热区图像
<map name="映射图像的名称 ">
3:热区链接属性
< area shape="热区形状" coords="热区坐标" href="链接地址">
<area>:定义热区的位置和链接
shape：定义热区形状
coords:定义热区坐标（对于热区的形状不同。坐标也不同）
href：链接地址
day01_04(html图像介绍）
标签：
原文地址：http://www.cnblogs.com/qlwang/p/5697230.html
