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">
1435
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
