HTML <map> Tag

The <map> tag in HTML is used to define an image map. It is an image with clickable areas that link to different destinations or perform specific actions. The <map> tag is typically used in combination with the <img> tag and <area> tags to create these interactive regions. Each <area> tag within a <map> defines a shape (rectangle, circle, or polygon) and specifies the coordinates for the clickable area.

Syntax

Where -

• <img> Tag: Displays the image and references the <map> using the usemap attribute.
• <map> Tag: Defines the clickable areas within the image.
• <area> Tag: Specifies the shape, coordinates, link, and description for each clickable area.

Example: This example demonstrates a simple image map with rectangular clickable areas.

Output

Supported Browsers

• Chrome 1
• Edge 12
• Firefox 1
• Opera 15
• Safari 1