HTML & CSS Web Design
Html Css > Code Examples
Image Map Shape Rect Circle Poly
Image Map Shape Rect Circle Poly
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
<title>Client-side Image Map</title>
</head>
<body>
<h1 align="center">Client-side Image Map Test</h1>
<div align="center">
<img src="http://www.happycodings.com/images/happy.gif" usemap="#shapes" border="0" width="240" height="80">
</div>
<!-- Start of Client Side Image Map -->
<map name="shapes">
<area shape="rect" coords="8,40,120,144" href="rectangle.htm" alt="rectangle">
<area shape="circle" coords="200,80,50" href="circle.htm" alt="circle">
<area shape="poly" coords="240,120,300,40,280,70,360,0,370,80,400,110,330,150,244,100" href="polygon.htm" alt="polygon">
<area shape="default" href="defaultreg.htm">
</map>
</body>
</html>
