HTML >> Images

<MAP NAME="...">

<AREA HREF="...">

<AREA ...>

HREF: URL you are linking to ALT: alternate text if the image isn't displayed SHAPE: what shape is this area? COORDS: coordinates for the link area shape TITLE: Short description of the area

TARGET: what frame to go to NOHREF: this area is not a link onClick: script action when the user clicks this area onMouseOver onMouseOut

<DIV ALIGN=CENTER>

<MAP NAME="map1">
<AREA 
   HREF="contacts.php" ALT="Contacts" TITLE="Contacts" 
   SHAPE=RECT COORDS="6,116,97,184">
<AREA 
   HREF="products.php" ALT="Products" TITLE="Products" 
   SHAPE=CIRCLE COORDS="251,143,47">
<AREA 
   HREF="new.php" ALT="New!" TITLE="New!"     
   SHAPE=POLY COORDS="150,217, 190,257, 150,297,110,257">
</MAP>

<IMG SRC="testmap.gif" 
   ALT="map of GH site" BORDER=0 WIDTH=300 HEIGHT=300
   USEMAP="#map1"><BR>

[ <A HREF="contacts.php" ALT="Contacts">Contacts</A> ]
[ <A HREF="products.php" ALT="Products">Products</A> ]
[ <A HREF="new.php"      ALT="New!">New!</A> ]
</DIV>

which gives us this map:

[ Contacts ] [ Products ] [ New! ]

<MAP NAME="...">

<AREA HREF="...">

Copyright 1997-2002 Idocs, Inc. Written by Miko Sullivan.