HTML <map> Tag (original) (raw)

Last Updated : 12 Jul, 2025

The 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 tag is typically used in combination with the tag and tags to create these interactive regions. Each tag within a defines a shape (rectangle, circle, or polygon) and specifies the coordinates for the clickable area.

**Syntax

HTML `

`

Where -

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

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

HTML `

Click on Images where the cursor clickable

<img src="https://media.geeksforgeeks.org/wp-content/uploads/20190808143838/logsm.png" 
    alt="Geeks_logo"
    usemap="#gfg">

<map name="gfg">
    <area href="https://www.geeksforgeeks.org/" 
        coords="55,76,129,76,128,126,99,126,100,103,82,104,83,125,54,125,51,104"
        shape="poly">
</map>

`

**Output

**Supported Browsers

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