图像

图像的基本格式：

GIF格式：LAW压缩，只能处理256色。适合于商标、新闻式的标题或其他小于256色的图像。

JPEG格式：对于照片之类的全彩类的图像，通常都以JPEG格式压缩，也可以说，JPEG格式通常用于保存超过256色的图像格式，会造成一些图像损失。

PNG格式：是一种非破坏性的网页图像文件格式。

添加图像

<img  src="图像文件的地址">

设置图像属性

图像高度：height

<img  src="图像文件的地址" height="图像的高度">

图像宽度：width

<img  src="图像文件的地址" width=“图像的宽度”>

默认情况下，改变高度（或宽度），宽度（或高度）会进行等比例调整。

同时设置两个属性，图像会被压缩。

图像边框：border

<img  src="图像文件的地址" border="图像边框的宽度">

默认没有边框。border属性的单位是像素。

图像水平间距：hspace

<img  src="图像文件的地址" hspace="水平间距">

图像垂直间距：vspace

<img  src="图像文件的地址" vspace=“垂直间距”>

hspace、vspace属性单位是像素。

通过调整间距，可以使文字和图像的排版不那么拥挤，看上去更加协调。

图像相对于文字基准线的对齐方式：align

<img  src="图像文件的地址" align=“相对文字的对齐方式”>

图像的绝对对齐方式与相对文字的对齐方式不同，绝对对齐方式包括左对齐、右对齐和剧中对齐3种，而相对文字对齐方式则是指图像与一行文字的相对位置。

图像相对文字的对齐方式

align取值	对齐方式
top	把图像的顶部和同行的最高部分对齐
middle	把图像的中部和同行的中部对齐
bottom	把图像的底部同行文本的底部对齐
texttop	把图像的顶部和同行中最高的文本的顶部对齐
absmiddle	把图像的中部和同行中最大项的中部对齐
baseline	把图像的底部和文本的基线对齐
absbottom	把图像的底部和同行中最低项的底部对齐
left	使图像和左边界对齐（文字环绕图像）
right	使图像和右边界对齐（文字环绕图像）

图像的提示文字：alt

<img  src="图像文件的地址" alt=“提示文字的内容”>

作用：一、当浏览网页时，如果图像下载完成，光标放在该图像上片刻就会出现提示文字；

二、如果图像没有被下载，在图像的位置上就会显示提示文字。

图像的超链接：

设置图像的超链接：

<a href="链接地址" target="目标窗口的打开方式"><img src="图像文件的地址"></a>

设置图像热区链接：

将图像划分为不同的区域进行链接设置。

首先在图像文件中设置映射图像名，在图像中的属性中使用<usemap>标记添加图像需要引用的映射图像名称。

<img  src="图像文件的地址" usemap="映射图像名称">

然后需要定义热区图像以及热区的链接属性。

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

<area shape="热区形状" coords="热区坐标" href="链接地址"/>

</map>

说明：1、shape用来定义热区形状，可以取值为rect(矩形)、circle(圆形)、poly(多边形)。

           2、coords用来设置热区坐标，对于不同形状，设置方式也不同。

           ①rect:coords有4个参数：left，top，right，bottom。

           ②circle：coords有3个参数：center-x,center-y,tadius。

   ③多边形比较复杂。