<class home>  <html part II>   <back   next>

html continued

Image Maps:

ever want to click on part of an image to go to one location and another area to go to another location?
This can be done with Image Maps
Find an image to divide up. You can divide it like a rectangle, circle, or square
•Type:
<map name="mymap"><area shape="rect" coords=
"x1,y1,x2,y2" href="URL">
</map>
<img src="image.gif" usemap="mymap" width="x" height="y" />


example>>>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Pony Pony Pony</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<map name="mymap">
<area shape="rect" coords=
"395,18,445,35" href="http://www.pony.com">
<area shape="rect" coords="395,38,445,55" href="http://www.twopony.com">
<area shape="rect" coords="395,58,445,75" href="http://www.ponies.com">
</map><img src="pony3.gif" usemap="mymap" width="400" height="100">
</body>
</html>