设置网页背景图片
<body background="URL">
将图片插入到网页中
<img src="URL">
属性名称 | 设定值 | 说明 |
src | URL | 图片的路径 |
alt | 字符串 | 图片的注释,鼠标悬停在网页图片上才可见 |
width | 像素 | 绝对设置,图片宽度 |
百分比 | 相对设置,图片宽度 | |
height | 像素 | 绝对设置,图片高度 |
百分比 | 相对设置,图片高度 | |
border | 数字 | 图片边框宽度(黑色边框) |
align | left | 图片靠左,文字靠右 |
right | 图片靠右,文字靠左 | |
top | 文字往上靠 | |
middle | 文字靠中 | |
bottom | 文字靠下 | |
vspace | 像素 | 垂直上下两端与图片的距离 |
hspace | 像素 | 水平左右两端与图片的距离 |
为图片添加超链接
<a href="URL" border="0"> <img src="URL"></a>
注意:
1. <a>...</a>标记是为图像添加超链接的标记
2. href是标记的属性名称,设定值为需要跳转过去的链接,链接一定要加http://
地图索引功能
将完整的图片分割成多块,使得每块点击以后都能跳转到不同的预设链接。称为地图索引。
<map name="图像名称">
<area shape="选取区块的形状" coords="坐标" href="URL" alt="文字说明">
</map>
<img src="URL" usemap="图像名称">
其中,<map> </map>用来声明整张图采用地图索引功能设置超链接。
<area>代表要设置链接的图片的某一区域;属性名称shape表示所选择的形状,设定值包括rect (矩形)、circle (圆形)、poly (多边形);属性名称coords代表地图的坐标。
注意,使用作为地图的图片,必须在标记中添加属性名称usemap,设定值与map标记的属性名称name的设定值相同。
为网站标题添加图标
<link rel="shortcut icon" href="URL" type="image/x-icon">
将以上代码加入到<head>...</head>标记内容中,可以为网站标题添加图片。