html之网页中的图片

5.1认识网页中的图片<br/>
5.1.1常用的图片格式<br/>
bmp、jpeg、gif、png<br/>
5.1.2选择合适的图片格式<br/>
制作网页时图片格式一般在jpeg和gif格式中选择。jpeg是有损压缩，以24位（2的24次方）颜色存储，颜色比gif丰富，一般适用于对颜色丰富程度要求高的图片；gif格式仅支持256种颜色，支持透明度及动画，一般适用于颜色少的图片。<br/>
<br/>

5.2插入图片<br/>
5.2.1插入图片到网页<br/>
<p>白百合的照片<img src="bbh.jpg" height=200 /></p>
5.2.2通过width和height设置图片在网页中显示的宽度和高度<br/>
<br/>
5.2.3通过border属性设置图片的边框<br/>
<p>白百合的照片<img src="bbh.jpg" height=200 border=5 /></p>
5.2.4通过title属性给图片添加提示文字<br/>
<p>白百合的照片<img src="bbh.jpg" height=200 width=180 border=5 title="这是白百合的照片" /></p>
5.2.5通过alt属性给图片添加替代文字<br/>
<p>白百合的照片<img src="a/bbh.jpg" height=200 width=180 border=5 title="这是白百合的照片" alt="找不到白百合照片" /></p>

5.3图文混合排版<br/>
img标签的align属性用于设置图片和段落的排版，align属性主要有以下几种情况：<br/>
top——图像顶部和同行文本的最高部分对齐（可能是图像顶部也有可能是文本顶部）<br/>
middle——图像顶部和同行文本的基线对齐（通常问文本行基线，并不是实际的中部）<br/>
bottom——图像底部和同行文本的底部对齐<br/>
left——使图像和左边界对齐（文本环绕图像）<br/>
right——使图像和右边界对齐（文本环绕图像）<br/>
absmiddle——图像中部和同行文本的中部绝对对齐<br/>

5.4给图片加链接<br/>
<a href="http://www.baidu.com"><img src="bbh.jpg" height=200 /></a>
<a href="http://www.baidu.com"><img src="bbh.jpg" height=200 border=0 /></a><br/>
每个区域设置不同的链接，即设置不同的热区：<br/>
<img src="bbh.jpg" usemap="test" border=0 width=160 height=200 />
<map name="test">
<area shape="rect" coords="0,0,160,100" href="http://www.baidu.com" />
<area shape="rect" coords="0,100,160,200" href="http://www.sina.com" />
</map>
<br/>
通过设置usemap属性定义图片的映射名称。双标签map包含多个area单标签，area包含shape和coords,shape定义热区形状，coords用于定义坐标，共包含以下四种情况。<br/>
default,默认值，为整幅图片；<br/>
rect,矩形区域，设置左上角和右下角顶点的坐标<br/>
circle，圆形区域，设置中心坐标和半径<br/>
poly，多边形区域，设置各顶点坐标<br/>

5.5设置滚动图片<br/>
<marquee direction="left" ><img src="bbh.jpg" height="100" /></marquee>