html 图片映射,新手笔记

<img src="img/planets.gif" width="145" height="126" usemap="#planetmap" />
  	 	<map name="#planetmap">
                                  <!--
                                  	作者:offline
                                  	时间:2022-09-07
                                  	描述:map标签
                                  	HTML <map> 标签用于客户端图像映射,图像映射指带有可点击区域的一幅图像。<map> 标签支持全局属性,并且支持标签支持所有HTML事件属性 
                                  -->                               	
                                  把图片放在做坐标轴上,所以左上角顶点坐标为(x,y=0,0)右上角顶点坐标为(x,y=width,0)左下角顶点坐标为(x,y=0,height)右下角顶点坐标为(x,y=width,height)
  	 		<!-- 1、矩形:(左上角顶点坐标为(x1,y1),右下角顶点坐标为(x2,y2)) -->
  	 		 <area shape="rect" coords="0,0,82,126" href="HtmlTest/sun.html"/>
  	 		<!-- 2、圆形:(圆心坐标为(X1,y1),半径为r) -->
  	 		 <area shape="circle" coords="90,58,3" href="HtmlTest/merglobe.html"/>
  	 		<!-- 3、多边形:(各顶点坐标依次为(x1,y1)、(x2,y2)、(x3,y3) ......) -->
  	 		<area shape="poly" coords="0,0,70,0,70,70,82,126" href="HtmlTest/venus.html"/>
  	 	</map>

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值