In Association with Amazon.in   Flipkart

Tuesday, March 12, 2013

HTML Image Map Example

HTML CODE:

<body>
<img src="images/Water lilies.jpg" width="505" height="306" border="0" usemap="#img1" />
<map name="img1">
<area shape="rect" coords="10,182,90,249" href="images/Blue hills.jpg">
<area shape="circle" coords="163,229,29" href="images/Sunset.jpg">
<area shape="poly" coords="329,139,355,132,388,113,398,98,380,103,375,99,380,86,375,76,360,86,358,71,345,78,336,79,335,76,323,90,317,74,316,94,304,91,285,83,287,95,280,95,287,105,278,109,290,117,260,116,296,130,329,138" href="images/Winter.jpg">
</map>
</body>

OutPut:


Related Posts Plugin for WordPress, Blogger...