HTML学习（四）——图像

来源：互联网发布：泰州领航网络编辑：程序博客网时间：2024/06/07 01:02

设置网页背景图片

将图片插入到网页中

属性名称设定值说明srcURL图片的路径alt字符串图片的注释，鼠标悬停在网页图片上才可见width像素绝对设置，图片宽度百分比相对设置，图片宽度height像素绝对设置，图片高度百分比相对设置，图片高度border数字图片边框宽度（黑色边框）alignleft图片靠左，文字靠右 right图片靠右，文字靠左 top文字往上靠 middle文字靠中 bottom文字靠下vspace像素垂直上下两端与图片的距离hspace像素水平左右两端与图片的距离

为图片添加超链接

注意：

1. <a>...</a>标记是为图像添加超链接的标记

2. href是标记的属性名称，设定值为需要跳转过去的链接，链接一定要加http://

地图索引功能

将完整的图片分割成多块，使得每块点击以后都能跳转到不同的预设链接。称为地图索引。

</map>

其中，<map> </map>用来声明整张图采用地图索引功能设置超链接。

<area>代表要设置链接的图片的某一区域；属性名称shape表示所选择的形状，设定值包括rect (矩形)、circle (圆形)、poly (多边形)；属性名称coords代表地图的坐标。

注意，使用作为地图的图片，必须在标记中添加属性名称usemap，设定值与map标记的属性名称name的设定值相同。

为网站标题添加图标

将以上代码加入到<head>...</head>标记内容中，可以为网站标题添加图片。

0 0