HTML - tags - <area>

#6 of 147
area

 <html>
 <body>
     <p>The seasons</p>
     <img src="images/the-seasons.gif" usemap="#seasons-map" />
     <map name="seasons-map">
         <area shape="circle" coords="246,90,24" href="#" title="December" />
         <area shape="circle" coords="127,52,24" href="#" title="March" />
         <area shape="circle" coords="54,91,24" href="#" title="June" />
         <area shape="circle" coords="173,128,24" href="#" title="September" />
     </map>
 </body>
 </html>
 

The area element defines a hot-spot region on an image map.

A live example:


[December] [March] [June] [September]

The seasons

[the-seasons.gif]

[the-seasons-image-map.gif]

Area shapes highlighted using Dreamweaver


N of

Ads by Google

Ask a question, send a comment, or report a problem - click here to contact me.

© Richard McGrath