HTML学习(四)——图像

设置网页背景图片

<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>标记内容中,可以为网站标题添加图片。

你可能感兴趣的:(html)