HTML图像操作

1.alt

作用:alt 属性用来为图像定义一串预备的可替换的文本,在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。

代码:<img src="boat.gif" alt="Big Boat">

2.创建图像映射

1.了解HTML的图像标签

标签描述
<img>定义图像
<map>定义图像地图
<area>定义图像地图中的可点击区域

2.代码:

<body>

<p>点击太阳或其他行星,注意变化:</p>

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>

</body>

3.效果:

点击太阳或其他行星,注意变化: 

Planets

 点击太阳                 

点击其他行星

 

4.分析:

(1)shape="rect"表示要映射的是一个矩形

(2)coords="0,0,82,126" 表示该矩形的范围多大,前两个参数表示第一个点的坐标,第二个参数表示对角的坐标,从而确定矩形的大小(坐标是以图像为准不是全局)

(3)在map中再次使用herf表示要跳转的图像链接

(4)

矩形:(左上角顶点坐标为(x1,y1),右下角顶点坐标为(x2,y2))

圆形:(圆心坐标为(X1,y1),半径为r)

多边形:(各顶点坐标依次为(x1,y1)、(x2,y2)、(x3,y3) ......)

<area shape="poly" coords="x1,y1,x2,y2 ......" href=url>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值