HTML and CSS Reference
In-Depth Information
<img src="images/bbar.gif" alt="" usemap="#bbar"/>
<map name="bbar">
<area shape="rect" href="top.html" coords="0,0,49,29"/>
<area shape="rect" href="prev.html" coords="50,0,99,29"/>
<area shape="rect" href="next.html" coords="100,0,149,29"/>
In this HTML, three rectangular shapes are deined upon the image at
the locations speciied in the coords attributes, which take values specifying
the top-let and bottom-right corners of the hyperlinked area. he irst area,
linked to top.html, begins at the top-let corner of the image and extends to a
point 49 pixels from the image's let edge and 29 pixels below the top edge of
the image. he remaining two area elements deine similar areas to the right
of the irst.
Imagemapped areas can overlap. In this case, the URL associated with the
irst area element that matches the coordinates of the reader's mouse click is
the one taken. To provide a default URL for clicks on the image that are out-
side any deined areas, a inal area element with coordinates encompassing the
entire image area can be added. he href attribute is optional, but an onclick
event handler can be used to alert the user. For example:
<area shape="rect" coords="0,0,200,29" onclick="alert('You missed!')"/>
Audio and Video
he video element is used to play videos or movies. he audio element is used
for audio data such as music, recorded speech, ringtones, and other sounds.
Both elements are containers. he content inside is fallback content intended
for older web browsers that do not support the element. his allows plugins to
be tried, or text to be shown to the users, informing them of alternative means
to access the medium.
Both elements take the following attributes:
src he URL of the ile to be played.
autoplay he media ile should begin playing when the page is loaded.
he media ile should be loaded into the browser before being
Search WWH ::

Custom Search