Copyright © tutorialspoint.com

# HTML <map> tag

## Function:

The HTML <map> tag is used for defining an image map along with <img> tag.

## Difference between HTML and XHTML:

NONE

## Example:

    <img src=/images/html.gif alt="HTML Map" border="0" usemap="#html"/>

    <!-- Create  Mappings -->
    <map name="html">
       <area shape="circle"
                coords="154,150,59" href="link1.htm" alt="link 1"
    			target="_self" />
       <area shape="poly"
                coords="272,79,351,79,351,15,486,15,486,218,272,218,
                        292,166,292,136,270,76" alt="link 2"
    			href="link2.htm" target="_self" />
       <area shape="rect"
                coords="325,224,488,286" alt="link 3"
    			href="link3.htm" target="_self" />

    </map>

## Online Practice:

To Become more comfortable - Do Online Practice

## Attributes:

Attribute | Value | Description
--- | --- | ---
name | unique_name | Defines a unique name for the map tag.

## Standard Attributes:

Attribute | Description
--- | ---
class | Document wide identifier
dir | Specifies the direction of the text
id | Document wide identifier
title | Specifies a title to associate with the element.
style | Helps to include inline casecadubf style sheet.
lang | Sets the language code.
xml:lang | Sets the language code.

## Event Attributes:

Attribute | Description
--- | ---
tabindex | Helps determine the tabbing order.
accesskey | Access keys (or shortcut keys)
onfocus | Script runs when a objects gets focus
onblur | Script runs when a objects loses focus
onclick | Script runs when a mouse click
ondblclick | Script runs when a mouse double-click
onmousedown | Script runs when mouse button is pressed
onmouseup | Script runs when mouse button is released
onmouseover | Script runs when mouse pointer moves over an element
onmousemove | Script runs when mouse pointer moves
onmouseout | Script runs when mouse pointer moves out of an element
onkeypress | Script runs when key is pressed and released
onkeydown | Script runs when key is pressed
onkeyup | Script runs when key is released

Copyright © tutorialspoint.com