You are here: Reference > HTML > tags > map

map element

Browser support:
Contains coordinate data for client-side image maps.
The map element is used to specify one or more regions with the area element within an image. Perfect choice if you want to assign multiple links to multiple regions within an image, or one link to a portion of an image.
If you want to see the HTML tags by categories, please visit this page.
This element requires a closing tag.
JavaScript page for this element: map.

Possible members:

Attributes
Events
Styles
accessKey
Sets an access key to an element.
class
Sets the style class or classes that belong to the element.
dir
Sets the text direction as related to the lang attribute.
id
Sets a unique identifier for the object.
lang
Specifies the language of the element.
language
Sets the scripting language for the current element. Use it only for the script element.
name
Sets the name of an image map that helps to establish a relationship between an image and an image map.
style
Sets an inline style associated with an element.
tabIndex
Specifies the tabbing order for keyboard navigation using the TAB key.
title
Specifies a tooltip for an element.
xml:lang
Sets the language code of the XML document.

Example HTML code 1:

This example illustrates the use of the map element:
<img src="area.gif" width="504px" height="126px" border="0px" alt="Solar System" usemap="#SampleMap" />
<map name="SampleMap">
    <area shape="rect" coords="1,-1,83,125" alt="rectangle" href="#" />
    <area shape="circle" coords="234,57,30" alt="circle" href="#" />
    <area shape="poly" coords="363,37,380,40,399,35,420,47,426,63,423,78,430,94,409,90,395,92,379,84,371,67,370,57" alt="polygon" href="#" />
</map>
Did you find this example helpful? yes no

Related pages:

External links:

User Contributed Comments

Post Content

Post Content