html mapping coordinates placing
<map name="shapes" id="shapes">
<area shape="circle"
coords="58,50,40"
href="javascript:clicked_on('circle');"
title="Circle" alt="Circle"/>
<area shape="rect"
coords="136,11,227,89"
href="javascript:clicked_on('rectangle');"
title="Rectangle" alt="Rectangle"/>
<area shape="poly"
coords="309,13,358,89,257,89"
href="javascript:clicked_on('triangle');"
title="Triangle" alt="Triangle"/>
<area shape="default"
nohref="nohref" title="Default" alt="Default"/>
</map>
<!DOCTYPE html>
<html>
<head>
<title>HTML coords attribute</title>
</head>
<body>
<img src = "/images/html.gif" alt = "HTML Map" border = "0" usemap = "#html"/>
<map name = "html">
<area shape = "circle" coords = "154,150,59" href = "about/about_team.htm"
alt = "Team" target = "_self" />
</map>
</body>
</html>