图像
- 背景图案的设置
- 将图片插入到网页中去
- 用图像作为超链接
- 使用工具建立地图索引
- 切片索引
- 为网站添加图标
5.1 背景图案的设置（背景不占位置，不影响文本的输入）
格式：<body background="URL">
5.2 将图片插入到网页中去（图片占位置）
格式:<img src="URL">
功能:将图片插入到网页中去,单一标签
<img>下的属性
属性名称 属性值 说明
src URL 图片的路径
图片的注解
属性名称 属性值 说明
alt 字符串 给图片做注解（鼠标放在图片上可见）
图象大小的设置
属性名称 属性值 说明
width 像素 绝对设置,宽
百分比 相对设置,宽
height 像素 绝对设置,高
百分比 相对设置,高
图象边框的设置
属性名称 属性值 说明
border 数字 图象边框
文字图象的排列
属性名称 属性值 说明
align left 图象靠左,文字靠右
right 图片靠右,文字靠左
top 文字往上靠
middle 文字靠中
bottom 文字靠下
空隙的设置
属性名称 属性值 说明
vspace 像素 垂直上下两端与物件的距离
hspace 像素 水平左右两段与物件的距离
5.3 用图像作为超链接
格式:<a href="URL"><img src="URL"></a>
注意点:边框的问题.
5.4 地图索引（利用工具，例如dw）
格式: <img src="URL" USEMAP="#图象名称">
<map name="图象名称" id="图象名称">
<area shape="选取区块的形状" coords="坐标" href="URL" alt="文字说明">
</map>
<map>声明整张图使用地图链接方式进行连接.
name,id指此图的名称.
<area>表示我们所要链接其中一点的区块
shape表示我们所选择的形状,如:rect矩形 circle圆 poly多边形
coords 表示地图的坐标位置!!
5.5 切片索引
使用Firework来进行!!用表格进行定位!!
例子（四切片）：
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="网站URL"><img src="图片URL" border="0"></a></td>
<td><a href="网站URL"><img src="图片URL" border="0"></a></td>
</tr>
<tr>
<td><a href="网站URL"><img src="图片URL" border="0"></a></td>
<td><a href="网站URL"><img src="图片URL" border="0"></a></td>
</tr>
</table>
5.6 为网站添加图标（在页面源文件的<head></head>标签之间插入）
<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
