热点地图XY轴计算练习

来源:互联网 发布:吸血女伯爵 知乎 编辑:程序博客网 时间:2024/06/08 18:56
<!DOCTYPE HTML><html lang="zh-cn"><head><meta charset="UTF-8"><title>热点地图练习2</title><meta keywords="热点地图 练习 其他的练习"><meta description="热点地图"></head><body><img src="04.jpg" alt="猫咪" width="400" height="400"  usemap="#two"/><map name="two" id="two">           <!--如果没有#无法显示形状--><!--右下角创建一个50*50矩形,坐标--><area shape="rect" coords="400px,400px,300px,300px" href="http://www.baidu.com"><!--在左上角创建一个矩形--><area shape="rect" coords="0px,0px,100px,100px" href="http://www.baidu.com"><!--在左上角创建一个矩形--><area shape="rect" coords="0px,400px,100px,300px" href="http://www.sina.cn"><!--在右上角创建一个矩形--><area shape="rect" coords="400px,0px,300px,100px" href="http://www.mi.cn"><!--在中间建立一个圆形--><area shape="circle" coords="200px,200px,100px" href="http://www.baidu.com"></map></body></html>