- Basic Concepts
- HTML image maps create clickable areas on images using the <map> tag
- Image maps require the usemap attribute in the <img> tag
- The name attribute must match the image's usemap value
- Area Types
- Rectangular areas use x and y coordinates in pairs
- Circular areas require center coordinates and radius
- Polygonal areas use multiple coordinate points
- Default shape creates entire regions
- Implementation
- Clickable areas are defined using the <area> element
- Coordinates specify the position of the clickable area
- Areas can trigger JavaScript functions using the onclick attribute
- Any image can be used as an image map