HTML Lessons - Client Image Maps Example
Return to HTML Lessons

Move the mouse pointer over HTML Lessons, Student Home Pages, and Check out Baywalk.com!


[Sample Banner]


Client Image Maps Explanation

Define the map name.

<map name="sample_banner">
Define the rectangle area shape regions in pixels.
Important! You must use Paint Shop Pro, Adobe Photo Shop, etc. to determine pixel locations.

<area shape="rect" coords="312,35,422,51" href="/html_lessons">
<area shape="rect" coords="312,54,454,71" href="/home">
<area shape="rect" coords="291,76,461,94" href="http://www.baywalk.com">
End the map name definition.

</map>
Display a centered sample_banner.gif (banner graphic).
Important! Notice the usemap parameter in the img src tag.

<center>
<img src="/images/sample_banner.gif" border="0" alt="[Sample Banner]" usemap="#sample_banner">
</center>

Top of Page