So for a graphic to be used as an image map we add:
ismap="anyName" (This tells the browser it is a map - The name
"anyName" in this case probably only used in JavaScript)
AND
The special maping area code:
It starts and ends with the MAP tag like this:
NOTE: this is all "poly" which is any irregular shape. Like connect the dots.
The "dots" have 2 coordinates to describe the location
These nunber refer to pixels (Starting from the upper left)
The first is the "X" (left to right) coordiante
The second is the "Y" (top to botton) coordiante
-------------
SHAPES:
circle - For a circle - Coordinates: center edgepoint (so many pixels radius)
rect - For a rectangle - Coordinates: upper-left lower-right point
poly - For a polygon of at most 100 dots (vertices) Coordinates: Each
coordinate is a dot (vertex).
Sample
Include the map file code in the HTML it like so:
NOTE: #usemap need not be the same name as the graphic used at the map