注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

北漂的小羊

Java编程,开发者,程序员,软件开发,编程,代码。新浪微博号:IT国子监

 
 
 

日志

 
 
关于我

在这里是面向程序员的高品质IT技术学习社区,是程序员学习成长的地方。让我们更好地用技术改变世界。请关注新浪微博号: IT国子监(http://weibo.com/itguozijian)

网易考拉推荐

html中的 map和area 标签  

2011-08-05 09:24:23|  分类: JSP |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

<area>地图作用区域标记可以在HTML中有一个把图片划分成多个作用区域,并链接到不同网页的标记的标签.
<area>标记主要用于图像地图,通过该标记可以在图像地图中设定作用区域(又称为热点),这样当用户的鼠标移到指定的作用区域点击时,会自动链接到预先设定好的页面。其基本语法结构如下:
<area class=type id=Value href=url alt=text shape=area-shape coods=value>
 其中。class和id:是分别指定热点的类型和id号。
              alt:用于设定热点的替代性文字。
              href:用于设定该热点所链接的url地址。
              shape和coords:是两个主要的参数,用于设定热点的形状和大小。其基本用法如下:
  <area shape="rect" coords="x1, y1,x2,y2" href=url>表示设定热点的形状为矩形,左上角顶点坐标为(X1,y1),右下角顶点坐标为(X2,y2)。
         <area shape="circle" coords="x1, y1,r" href=url>表示设定热点的形状为圆形,圆心坐标为(X1,y1),半径为r。
         <area shape="poligon" coords="x1, y1,x2,y2 ......" href=url>表示设定热点的形状为多边形,各顶点坐标依次为(X1,y1)、(X2,y2)、(x3,y3) ......。 
   <area>标记是在图像地图中划分作用区域的,因此其划分的作用区域必须在图像地图的区域内,所以在用 <area> 标记划分区域前必须用HTML的另一个标记<map>来设定图像地图的作用区域,并为指定的图像地图设定名称,该标记的用法很简单,即<map name="图像地图名称"> ...... </map>。

例如:

<img src="1.gif" alt="This is 1.gif." usemap="#Map1" border="0" />
html中的 map和area 标签 - 天涯草 - 天涯草
<map id="Map1" name="name">
html中的 map和area 标签 - 天涯草 - 天涯草 
<area shape="rect" coords="240,235,140,300" href="http://hi.baidu.com/loveingzhj"
html中的 map和area 标签 - 天涯草 - 天涯草 target
="_blank" alt="天使也忧伤" />
</map>

  评论这张
 
阅读(299)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2016