1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>分区链接图片</title> 6 </head> 7 <body> 8 <h4>定义图片，使用指定的图片映射</h4> 9 <img src="images/logo.jpg" width=300 alt="卡通logo" height="120" border="0" usemap="#test"><br/> 10 <!-- 定义图片映射--> 11 <map name="test" id="test"> 12 <!--为图片映射定义两个区域--> 13 <area shape="circle" coords="57,55,25" href="http://www.baidu.com" alt="百度"> 14 <area shape="poly" coords="188,28,185,50,200,74,224,72,246,51" href="http://taobao.com" alt="淘宝"> 15 </map> 16 <h4>制定ismap属性后可将点击坐标提交给服务器</h4> 17 <a href="http://www.baidu.com"> 18 <img src="images/katong.jpg" width=300 height=200 ismap alt=卡通logo"> 19 </a> 20 </body> 21 </html>
