HTML学习(四)——图像

设置网页背景图片

<body background="URL">


将图片插入到网页中

<img src="URL">

属性名称设定值说明
srcURL图片的路径
alt字符串图片的注释,鼠标悬停在网页图片上才可见
width像素绝对设置,图片宽度
 百分比相对设置,图片宽度
height像素绝对设置,图片高度
 百分比相对设置,图片高度
border数字图片边框宽度(黑色边框)
alignleft图片靠左,文字靠右
 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>标记内容中,可以为网站标题添加图片。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值