The Anatomy of an Image Map

• <img src="pet-family.jpg" border="0" usemap="#pets"> /
• <map name="pets">
• <area shape="rect" href="misty.html" coords="322,266,423,497">
• <area shape="circle" href="snowball.html" coords="238,457,50">
• <area shape="poly" href="tristian.html"
• coords="0,158,98,161,121,254,110,417,48,478,0,388">
• <area shape="circle" href="dusty.html" coords="192,176,35">
• </map>

• The Hot Spot Map

• The Image the Hot Spots correspond to

• The command to bind them together