Skip Site NavigationCarleton College: Home
 You are here: Campus > Web Builders > Imagemap example


imagemap example

There are two kinds of imagemaps -- server side and client side. Client side imagemaps are more compact and easier to use, and most browsers support them now, so that's what we're recommending.

Starring:

John Burridge as The Renaissance Angler

Three parts of this picture are defined as "hot spots" -- John's head, the fish, and the card in his hand.

The significant HTML for this page looks like this:

<IMG SRC="john.gif" USEMAP="#the map">

<MAP NAME="the map">
<AREA SHAPE="RECT" COORDS="53,10, 130,84" HREF=map-head.html>
<AREA SHAPE="POLY" COORDS="44,167, 86,139, 136,41, 157,44, 128,141, 66,194, 44,167" HREF=map-fish.html>
<AREA SHAPE="POLY" COORDS="10,195, 3,223, 31,236, 37,209, 10,195" HREF=map-note.html>
</MAP>

Last modified: Monday, 28-Aug-2000 12:44:50 CDT
by Mark F. Heiman, mheiman@carleton.edu