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: |
| 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! |
|
Also see the HTML 5 version of HTML tags
Enjoy this page?
-
- Link to this page (copy/paste into your own website or blog):
- Link to Quackit using one of these banner ads.
Thanks for supporting Quackit!