Image Maps
The next step is to include the html source code for the image map. Here is the HTML source code used for the map we are trying to make. All notes are in normal html comment tags like this:
<!-- Comments here -->
HTML Source Code
<A HREF="mappic.map">
<img src="mappic.gif" ISMAP>
<!-- This is a crucial part of the code. "<A HREF="links.map"> tells the computer where the link will go. However, this really isn't what happens. We "trick" the computer. "IMG SRC="links.gif" says what image is being used to link. -->
<map name="links">
<area shape="rect" alt="Home" coords="147,0,219,26" href="home.html" target="main">
<area shape="rect" alt="Tables" coords="10,41,77,65" href="Table.html" target="main">
<area shape="rect" alt="Frames" coords="94,39,169,66" href="Frames.html" target="main">
<area shape="rect" alt="Image Maps" coords="179,38,299,67" href="Maps.html" target="main">
<area shape="rect" alt="Forms" coords="309,39,386,66" href="Forms.html" target="main">
<area shape="default" nohref>
</Map>
<!-- <Map name="links"> is the opening tag, telling the computer there is an image map.
<Area shape="rect" says the spacing for the link will be in the shape of a rectangle. Alt="Advanced HTML" is text that one who doesn't have image maps will see. Coords="0,84,187,165" says where the corners are. HREF="Table.html" says to go to the page "Table.html" Target="main" is for frames. It says which frame the link should go to. Frame Source Code You can do this for numerous points. <Area shape="default" nohref> is for all of the other space which is not used. </MAP> ends the map. -->
View the next page to see what this map looks like.
