热点地图XY轴计算练习

最新推荐文章于 2023-02-18 11:21:00 发布

原创最新推荐文章于 2023-02-18 11:21:00 发布 · 801 阅读

CC 4.0 BY-SA版权

<!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>