<html>
<head>
<title>Demo 2 - A client-side image map</title>
</head>
<body>
<h1 align = 'center'>Demo 2 - A client-side image map</h1>
<p align = 'center'>A para before the usage of the map.</p>
<hr>
<p align = 'center'>
<img src = 'demo.2.png' usemap = '#mainmap' />
<map id='mainmap' name='mainmap'>
<area shape="poly" id="node1" href="http://savage.net.au/maps/demo.2.2.html" title="source" alt="" coords="120,29,117,22,111,15,101,10,88,7,74,5,60,7,47,10,37,15,30,22,28,29,30,37,37,43,47,49,60,52,74,53,88,52,101,49,111,43,117,37"/>
<area shape="poly" id="edge1" href="/maps/demo.2.3.html" alt="" coords="76,54,76,88,71,88,71,54"/>
<area shape="rect" id="graph0" href="http://savage.net.au/maps/demo.2.1.html" alt="" coords="0,0,148,155"/>
</map>
</p>
<hr>
<p align = 'center'>A para after the usage of the map.</p>
</body>
</html>