kxbin
成功留给有准备的人
posts - 10,  comments - 35,  trackbacks - 0
<html>
<body>
 <p>请点击图像上的星球,把它们放大。</p>
 <img
src="http://www.w3school.com.cn/i/eg_planets.jpg"
border="0" usemap="#planetmap"
alt="Planets" />
 <map name="planetmap" id="planetmap">
 <area
shape="circle"
coords="180,139,14"
href ="http://www.w3school.com.cn/example/html/venus.html"
target ="_blank"
alt="Venus" />
 <area
shape="circle"
coords="129,161,10"
href ="http://www.w3school.com.cn/example/html/mercur.html"
target ="_blank"
alt="Mercury" />
 <area
shape="rect"
coords="0,0,110,260"
href ="http://www.w3school.com.cn/example/html/sun.html"
target ="_blank"
alt="Sun" />
 </map>
 <p><b>注释:</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id"  "name" 属性(根据浏览器),所以我们同时向 map 元素添加了 "id"  "name" 属性。</p>
 </body>
</html>

1.第一个area是圆形
shape="circle"                      /*说明是圆形*/
coords="180,139,14"            /*圆心坐标是(180,139),半径14*/
2.第二area个是矩形
shape="rect"                         /*说明是矩形*/
coords="0,0,110,260"            /*左上角坐标是(0,0),右下角坐标是(110,260)/
 注。单位是像素,坐标可以是负值
posted on 2012-02-09 10:24 kxbin 阅读(856) 评论(1)  编辑  收藏 所属分类: J2EE

FeedBack:
# re: html中area标签使用

只有注册用户登录后才能发表评论。


网站导航:
 
你恨一个人是因为你爱他;你喜欢一个人,是因为他身上有你没有的;你讨厌一个人是因为他身上有你有的东西;你经常在别人面前批评某人,其实潜意识中是想接近他。

<2024年11月>
272829303112
3456789
10111213141516
17181920212223
24252627282930
1234567

常用链接

留言簿(5)

随笔档案

文章分类

文章档案

相册

收藏夹

J2EE

java技术网站

Linux

平时常去的网站

数据库

电影网站

网站设计

搜索

  •  

最新评论

阅读排行榜

评论排行榜