<! DOCTYPE html PUBLIC”-//W3C //DTDXHTML 1.0 transitional//EN”
“http: //www.w3.org/TR/xhtml1/transitional.dtd”>
<Html>
<Head>
<Title> the really cool music page </title>
</Head>
<body bg color =”#ffffff”>
<div align =”center”>
<h1> the really cool Music page </h1>
<p> select the type of music you want to hear, <br/>
You/ll go to a list of songs that you can select from. </p>
<p>
<img src =”jukebox. Gif” alt =” alt =”juke box” use map =”#jukebox “/>
<map name =”jukebox”>
<area shape =”rect” cords “101, 113, 165, 134”
Href =”/music and composers” />
<alt =”classical music and composers”/>
<area shape “rect” cords =”101, 139, 165, 159”
Href =”/music/ country. Html”
Alt =”country and folk music”/>
<area shape =”rect” cords =”175, 152, 203, 118, 220, 118, 247, 152, 237, 153, 237, 181, 186, 153”
Href=”code/music/home.html”
<area shape =”rect” cords “159, 1113, 323,134”
Href =”music /swing. Html”
Alt =”swing and big Band music: />
<area shape =”rect”cords =”259, 139, 323, 159”
Href=”rect” cords =”259, 163,323,183”
Href =”music /gospel. Html”
Alt =”gospel and inspirational music” />
<area shape =”circle” cords =”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/rock pop. Html”> rock /pop </a>||
<a href =”code/music/swing. Html”> swing </a> ||
<a href =”code/music/html”> jazz</a>
<a href =”code/musicgospel.html”> gospel</a>||
<a href =”code/music/help.html”> help</a>
</p>
</div>
</body?
FIGURE 7.27 shows the image map in browser
OUTPUT
FIGURE .7.27 the finished really cool music page with client – side image map.
OTHER NEAT TRICKS WITH IMAGES
Now that you’ve learned about inline images, images as links, and how to wrap text around images, you know what most people do with images on web pages. But you can play with a few newer tricks as well.
All the attributes in this section were originally nets cape extensions. They were later incorporated into HTML 3.2,but most have been deprecated in its successor, HTML 4.01.
No comments:
Post a Comment