html中使用imagemap

久未做HTML imagemap了,而且没有dreamweaver, 和frontpage, 只好网上查一下基本语法.现在在这里写BLOG真是没办法, 好不容易休两天假, 已经零点30分了, 一个项目组需要拨号远程支持,唉, 干这行真是没多少意思呀.
幸好通过google找到一个网页. http://www.ihip.com/cside.html
大概看了一下. 支持的shape有rect, 和 circle, 即矩形和圆形. 矩形的定义是四个点, 从右下角到左上角, X2,Y2, X1, Y1. 而圆形则是X,Y, R(半径). 其它语法则请参考上面连接中的示例. 至于图片中的具体位置, 可以把图片打开,使用"画图"移动鼠标观看状态栏中的值即可, 然后将值填写到相应的坐标位置上.

对于没有DW和FrontPage的同志而言,了解一点基本HTML语法,用记事本还是可以搞定的. 记在此, 下次使用时可以参考一下.

1<map name="sample">
2<area shape="rect" coords="20,27,82,111" href="hotspot1.html">
3<area shape="circle" coords="129,113,29" href="hotspot2.html">
4<area shape="rect" coords="21,158,170,211" href="mailto:webmaster@ihip.com">
5<area shape="default" nohref>
6</map> 
7
8<img border="0" src="image.gif" usemap="#sample"> 
9


 

原文地址:https://www.cnblogs.com/margiex/p/364585.html