Sams Teach Yourself HTML 4 in 24 Hours

Sams Teach Yourself HTML 4 in 24 Hours

By Dick Oliver

Summary

This hour explained how to create imagemaps—links that lead to more than one place, depending on where you click an image—as well as why and how to avoid using them whenever possible. You saw how to define rectangular and circular link regions within an image, as well as irregularly shaped polygonal regions. You also learned to provide an alternate link for people using older browsers that don't support the current imagemap standard. Finally, you got a quick run-down on providing server-side imagemaps on most types of Web servers—just in case you want to provide the best possible experience for users of outdated browsers.

Table 14.1 is a summary of the tags and attributes covered in this hour.

Table 14.1. HTML Tags and Attributes Covered in Hour 14

Tag Attribute Function
<img />   Inserts an image into the document.
  ismap This image is a clickable imagemap.
  src="&hellip" The image's URL.
  usemap="&hellip" The name of an imagemap specification for client-side image mapping. Used with <MAP> and <AREA>.
<map>…</map>   A client-side imagemap, referenced by <img usemap="&hellip" />. Includes one or more <area> tags.
<area />   Defines a clickable link within a client-side imagemap.
  shape="&hellip" The shape of the clickable area. Currently, rect, poly, and circle (or round) are the valid options.
  coords="&hellip" The left, top, right, and bottom coordinates of the clickable region within an image.
  href="&hellip" The URL that should be loaded when the area is clicked.

Share ThisShare This

Informit Network