An Image Map is a single graphic image that allows users to access different web pages by clicking on different areas of the an image.


Here is an example of an image map. Each number on the image can be clicked on, to be used as a Link.
Here is a copy of the code:
<img src="http://xplicit-html.net/images/imagemap.gif" border=0" usemap="#drbp1" align="left"><map name="drbp1">
<area shape=rectangle coords="46,61,57,90" href="http://xplicit-html.net/frames/imagemaps.htm" alt="Image Map #1" TARGET="in">
<area shape=rectangle coords="86,93,107,126" href="http://xplicit-html.net/frames/imagemaps.htm" alt="Image Map #2" TARGET="in">
<area shape=rectangle coords="34,163,53,193" href="http://xplicit-html.net/frames/imagemaps.htm" alt="Image Map #3" TARGET="in">
<area shape=rectangle coords="112,159,131,190" href="http://xplicit-html.net/frames/imagemaps.htm" alt="Image Map #4" TARGET="in">
<area shape=rectangle coords="112,242,130,270" href="http://xplicit-html.net/frames/imagemaps.htm" alt="Image Map #5" TARGET="in"> </map>

All you have to do is place the URL of the image you want to use for an image map, and then plug in the Coorinates for each of the links you want to use. Here there are 5 represented by the numbers. If you hover over them you will read the alt tags showing that each number is a LINK. The coordinates for image map link number one is coords="46,61,57,90" [ 46, 61 is the upper left corner and 57,90 is the lower right corner] when this is added the to image map, it triggers the response that when someone puts thier mouse over that EXACT SPOT in the image it will create a LINK.
And easy way to find the coordinates for your image is using a design program such as Paint SHop Pro, when you open an image in the program and place your mouse on it, at the bottom left corner it gives you the cordinates, just take the cordinates of the upper corner of the number one, then the coordinates of the lower right hand corner, and plug them into the code. Once you have the coordinate of the link just add the url of the link that you want it to go to, add the TAGRET of where you want the link to go, here it is targeted to the IFRAME but you can target to a new window.

Here is the code again with no info in it:
<img src="url of image" border=0" usemap="#imagemap" align="left"><map name="imagemap"> <area shape=rectangle coords="coordinates of link" href="url of the link" alt="Image Map #1" TARGET=""> <area shape=rectangle coords="coordinates of link" href="url of the link" alt="Image Map #2" TARGET=""> <area shape=rectangle coords="coordinates of link" href="url of the link" alt="Image Map #3" TARGET=""> <area shape=rectangle coords="coordinates of link" href="url of the link" alt="Image Map #4" TARGET=""> <area shape=rectangle coords="coordinates of link" href="url of the link" alt="Image Map #5" TARGET=""> </map>