Basic HTML

Advance HTML

HTML Tags Reference

HTML Code Generator


HTML <map> Tag


HTML <map> tag define a image map to client side.

HTML <map> tag require name attribute to identify image.


Example-Code:

<img src=img_nat.png width="207" height="139" alt="Natural" 
usemap ="#define">
<map name="define">
<area shape ="rect" coords ="0,0,115,90" href =
"http://en.wikipedia.org/wiki/Sky" alt="croud" />
<area shape ="poly" coords ="10,162,82,175,100,181,102,175,148,122,146" 
href ="http://en.wikipedia.org/wiki/Water" alt="water" />
</map> 
Online Try This Code Your Self....   »

Example-Result:

Natural croud water

<map> Tag Attributes

<map> tag supported following required attributes.:

Attributes Value Description
name "Name" define specify name to identify image name.

Dynamic Attributes

<map> tag supported following Dynamic attributes.

Attributes Value Description
id ID_Name Declared unique id for the element.
class Predefined_Class Used in Cascading Style Sheet (CSS).
style style_Attributes CSS code specify inline the HTML element is presented.
title Title_Description Display on the "tooltip" for your elements.


Event Attributes

<map> tag supported following Event attributes.

Attributes Value Description
onfocus "Java_script" element gets focus on object when script tobe run.
onblur "Java_script" element lose the focus on object when scrip tobe run.
onclick "Java_script" clicked on object when script tobe run.
ondblclick "Java_script" double click on object when script tobe run.
onkeydown "Java_script" key is pressed when script tobe run.
onkeypress "Java_script" key is pressed over element then released when script tobe run.
onkeyup "Java_script" key is released over element when script tobe run.
onmousedown "Java_script" mouse button was pressed over an element when script tobe run.
onmouseout "Java_script" mouse pointer release over an element when script tobe run.
onmousemove "Java_script" run mouse pointer moved when script tobe run.
onmouseover "Java_script" run mouse pointer move over when script tobe run.
onmouseup "Java_script" mouse button is released when script tobe run.