1. 背景图片的设置
格式 : <body background="URL"></body>
2. 将图片插入网页中
格式 : <img src="URL">
功能 : 将图片插入网页,单一标签
<img>
的属性如下 :
属性名称 | 属性值 | 说明 |
---|---|---|
src | URL | 图片的路径 |
alt | 字符串 | 图片的注解 |
width | 像素 | 绝对设置,宽 |
百分比 | 相对设置,宽 | |
height | 像素 | 绝对设置,高 |
百分比 | 相对设置,高 | |
border | 数字 | 图像边框 |
align | left | 图像靠左,文字靠右 |
right | 图像靠右,文字靠左 | |
top | 文字靠上 | |
middle | 文字靠中 | |
bottom | 文字靠下 | |
vspace | 像素 | 图像上下两端与其它媒体数据的距离 |
hspace | 像素 | 图像左右两端与其它媒体数据的距离 |
3. 用图像作为超链接
格式 : <a href="URL"><img src="URL"></a>
4. 地图索引
- 格式 :
<map name="地图名称" id="地图名称">
<area shape="选取区块的形状" coords="坐标集合"
alt="文字说明" href="URL">
</map>
<img src="URL" usemap="#地图名称">
功能 :
<map>
声明地图的链接方式
属性名称 属性值 说明 name/id 字符串 地图的名称 <area>
表示包含链接的区块
属性名称 属性值 说明 shape rect 矩形 circle 圆 poly 多边形 coords 坐标集合 地图的坐标位置 href URL 链接地址 alt 字符串 文字说明
例子如下(建议用Dreamweaver写) :
<map name="mymap" id="yourmap">
<area shape="rect" coords="0,0,400,400" alt="区域链接"
href="http://www.baidu.com">
</map>
<img src="ultraEdit4.png" usemap="#mymap">
或<img src="ultraEdit4.png" usemap="#yourmap">
5. 切片索引
用firework给图片切片,并导出各个切片。导出的切片分别为
part1.jpg,part2.jpg,part3.jpg,part4.jpg。
例如 :
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="http://www.163.com">
<img src="part1.jpg" width="100" height="100">
</a>
</td>
<td>
<a href="http://www.sina.com">
<img src="part2.jpg" width="100" height="100">
</a>
</td>
</tr>
<tr>
<td>
<a href="http://www.yahoo.com">
<img src="part3.jpg" width="100" height="100">
</a>
</td>
<td>
<a href="http://www.baidu.com">
<img src="part4.jpg" width="100" height="100">
</a>
</td>
</tr>
</table>
6. 为网页标签添加图标
<link rel="shortcut icon" href="myicon.ico" type="image/x-icon">