Sams Teach Yourself HTML, CSS & JavaScript Web Publishing in One Hour a Day

ptg16476052

236 LESSON 9: Using Images on Your Web Pages

<area shape="rect" coords="259,113, 323,134"

href="/music/swing.html"

alt="Swing and Big Band Music">

<area shape="rect" coords="259,139, 323,159"

href="/music/jazz.html"

alt="Jazz and Free Style">

<area shape="rect" coords="259,163, 323,183"

href="/music/gospel.html"

alt="Gospel and Inspirational Music">

<area shape="circle" coords="379,152, 21"

href="/music/help.html"

alt="Help">

</map></p>

<p>

<a href="code/music/home.html">Home</a> |

<a href="code/music/classics.html">Classics</a> |

<a href="code/music/country.html">Country</a> |

<a href="code/music/rockpop.html">Rock/Pop</a> |

<a href="code/music/swing.html">Swing</a> |

<a href="code/music/jazz.html">Jazz</a> |

<a href="code/music/gospel.html">Gospel</a> |

<a href="code/music/help.html">Help</a>

</p>

</div>

</body>

</html>

Figure 9.28 shows the imagemap in a browser.

Output ▼

FIGURE 9.28

The finished Really

Cool Music Page

with client-side

imagemap.

▼

▲