HTML map Tag

The HTML map tag is used for defining an image map.

Example


<map id ="muellermap" name="muellermap">
  <area shape ="rect" coords ="90,80,120,151"
  href ="javascript:alert('Me');" alt="Me" />
</map>

See below to see a working example.

Attributes:

Attributes specific to this tag:
Attribute	Description
name	Assigns a name to the image map.
Other Attributes:
Attribute	Description
usemap	Associates an element with an image map. For example, you associate the image with an image map by using this attribute.
class	Document wide identifier.
id	Document wide identifier
dir	Specifies the direction of the text
lang	Language code
style	Inline style (CSS).
title	Specifies a title to associate with the element.
alt	Alternate text. This specifies text to be used in case the browser/user agent can't render the image.
href	Specifies the URL of a page or the name of the anchor that the link goes to.
target	Specifies the target frame to load the page into.
tabindex	Helps determine the tabbing order (when the user 'tabs' through the elements on the page).
accesskey	Access keys (or shortcut keys)
onfocus	Intrinsic event (see event handlers)
onblur	Intrinsic event (see event handlers)
onclick	Intrinsic event (see event handlers)
ondbclick	Intrinsic event (see event handlers)
onmousedown	Intrinsic event (see event handlers)
onmouseup	Intrinsic event (see event handlers)
onmouseover	Intrinsic event (see event handlers)
onmousemove	Intrinsic event (see event handlers)
onmouseout	Intrinsic event (see event handlers)
onkeypress	Intrinsic event (see event handlers)
onkeydown	Intrinsic event (see event handlers)
onkeyup	Intrinsic event (see event handlers)

Try it yourself!

HTML Editor

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/html/tags/html_map_tag.cfm">HTML map Tag</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites

Oh, and thank you for supporting Quackit!