Quackit Logo
HTML
CSS
Scripting
Database
Hosting
Design
XML

HTML Resources

HTML Home
HTML Tutorial
HTML Codes
HTML Templates
HTML 4 Tags
HTML 5 Tags

HTML Tags

IMCreator - Free Website Builder

HTML map Tag

The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.

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

This element is used in conjunction with the HTML <area> tag and the HTML <img> tag to create the image map.

Example 
<map id ="muellermap" name="muellermap">
  <area shape ="rect" coords ="90,80,120,151"
  href ="http://www.natural-environment.com/places/mueller_hut.php" 
  target="_blank" 
  alt="Mueller Hut" />
</map>

See below to see a working example.
Attributes:
Attributes specific to this tag:
AttributeDescription
nameAssigns a name to the image map.
Other Attributes:
AttributeDescription
usemapAssociates an element with an image map. For example, you associate the image with an image map by using this attribute.
classDocument wide identifier.
idDocument wide identifier
dirSpecifies the direction of the text
langLanguage code
styleInline style (CSS).
titleSpecifies a title to associate with the element.
altAlternate text. This specifies text to be used in case the browser/user agent can't render the image.
hrefSpecifies the URL of a page or the name of the anchor that the link goes to.
targetSpecifies the target frame to load the page into.
tabindexHelps determine the tabbing order (when the user 'tabs' through the elements on the page).
accesskeyAccess keys (or shortcut keys)
onfocusIntrinsic event (see event handlers)
onblurIntrinsic event (see event handlers)
onclickIntrinsic event (see event handlers)
ondbclickIntrinsic event (see event handlers)
onmousedownIntrinsic event (see event handlers)
onmouseupIntrinsic event (see event handlers)
onmouseoverIntrinsic event (see event handlers)
onmousemoveIntrinsic event (see event handlers)
onmouseoutIntrinsic event (see event handlers)
onkeypressIntrinsic event (see event handlers)
onkeydownIntrinsic event (see event handlers)
onkeyupIntrinsic event (see event handlers)
Try it yourself!


Also see the HTML 5 version of HTML tags

Enjoy this page?

  2. Link to this page (copy/paste into your own website or blog):
  3. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!