1<!DOCTYPE html>
2<html>
3 <head>
4 <title>HTML coords attribute</title>
5 </head>
6 <body>
7 <img src = "/images/html.gif" alt = "HTML Map" border = "0" usemap = "#html"/>
8 <map name = "html">
9 <area shape = "circle" coords = "154,150,59" href = "about/about_team.htm"
10 alt = "Team" target = "_self" />
11 </map>
12 </body>
13</html>
1
2<map name="shapes" id="shapes">
3
4<area shape="circle"
5 coords="58,50,40"
6 href="javascript:clicked_on('circle');"
7 title="Circle" alt="Circle"/>
8
9<area shape="rect"
10 coords="136,11,227,89"
11 href="javascript:clicked_on('rectangle');"
12 title="Rectangle" alt="Rectangle"/>
13
14<area shape="poly"
15 coords="309,13,358,89,257,89"
16 href="javascript:clicked_on('triangle');"
17 title="Triangle" alt="Triangle"/>
18
19<area shape="default"
20 nohref="nohref" title="Default" alt="Default"/>
21
22</map>
23
1
2<form action="shapemap.cgi">
3<input type="image" name="shapes_image"
4src="images/shapes.jpg" width="375"
5height="102" style="border: none;"/>
6</form>
7
1
2<map name="map-name">
3
4<area shape="area shape"
5 coords="area coordinates"
6 href="area hyperlink" or nohref="nohref"
7 target="hyperlink target"
8 title="area title"
9 alt="alternate text"/>
10
11<area shape="area shape" ...
12
13</map>
14
1
2<a href="#"><img src="images/shapes.jpg" width="375"
3height="102" style="border: none;" alt="Shapes" ismap="ismap"/></a>
4
1
2<a href="shapemap.cgi">
3<img src="images/shapes.jpg" width="375"
4height="102" style="border: none;" ismap="ismap"/>
5</a>
6