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

ptg16476052

234 LESSON 9: Using Images on Your Web Pages

Number Type URL Coordinates

4 poly music/home.html 175,152,203,118

220,118,247,152

237,153,237,181

186,181,186,153

5 rect music/swing.html 259,113,323,134

6 rect music/jazz.html 259,139,323,159

7 rect music/gospel.html 259,163,323,183

8 circle music/help.html 379,152,21

5

1

8

2

3 4 7 6

For the jukebox image, the <map> tag and its associated <area> tags and attributes look

like the following:

<map name="jukebox">

<area shape="rect" coords="101,113, 165,134"

href="/music/classics.html"

alt="Classical Music and Composers">

<area shape="rect" coords="101,139, 165,159"

href="/music/country.html"

alt="Country and Folk Music">

<area shape="rect" coords="101,163, 165,183"

href="/music/rockpop.html"

alt="Rock and Pop from 50's On">

<area shape="poly" coords="175,152, 203,118, 220,118, 247,152,

237,153, 237,181, 186,181, 186,153"

href="code/music/home.html"

alt="Home Page for Music Section">

FIGURE 9.27

Eight hot spots,

numbered as iden-

tified in Table 9.1.

▼

▼