Tutorials Point


  HTML Home

  HTML Tags Reference
  Selected Reading

Copyright © 2014 by tutorialspoint



  Home     References     Discussion Forums     About TP  

HTML <area> tag




Advertisements

Function:

The HTML <a> tag is used for defining an area in an image map.

Difference between HTML and XHTML:

In HTML the <area> tag has no end tag.

In XHTML the <area> tag must be properly closed.

Example:

<img src=/images/usemap.gif alt="usemap" border="0" 
     usemap="#tutorials"/>
<map name="tutorials">
   <area shape="poly" 
            coords="74,0,113,29,98,72,52,72,38,27"
            href="/perl/index.htm" 
            alt="Perl Tutorial"
            target="_blank" />
   <area shape="rect" 
            coords="22,83,126,125"
            alt="HTML Tutorial"
            href="/html/index.htm" 
            target="_blank" />
   <area shape="circle" 
            coords="73,168,32"
            alt="PHP Tutorial"
	    href="/php/index.htm" 
            target="_blank" />
</map>

This will produce following result:

usemap Perl Tutorial HTML Tutorial PHP Tutorial

Online Practice:

To Become more comfortable - Do Online Practice

Attributes:

AttributeValueDescription
alttextSpecifies an alternate text for the area
coords

if shape="rect" then
coords="left,top,right,bottom"

if shape="circ" then
coords="centerx,centery,radius"

if shape="poly" then
coords="x1,y1,x2,y2,..,xn,yn"

Specifies the coordinates appropriate to the shape attribute to define a region of an image for image maps
hrefURLSpecifies the URL of a page or the name of the anchor that the link goes to.
nohreftrue /falseExcludes an area from the image map
shaperect
rectangle
circ
circle
poly
polygon
Specifies the shape of the image map
target_blank
_parent
_self
_top

Where to open the target URL.

  • _blank - the target URL will open in a new window
  • _self - the target URL will open in the same frame as it was clicked
  • _parent - the target URL will open in the parent frameset
  • _top - the target URL will open in the full body of the window
typemime_typeSpecifies the MIME (Multipurpose Internet Mail Extensions) type of the target URL

Standard Attributes:

AttributeDescription
accesskeyAccess keys (or shortcut keys)
classDocument wide identifier
dirSpecifies the direction of the text
idDocument wide identifier
tabindexHelps determine the tabbing order when the user 'tabs' through the elements on the page.
titleSpecifies a title to associate with the element.
styleHelps to include inline casecadubf style sheet.
langSets the language code.

Event Attributes:

AttributeDescription
onfocusScript runs when the element gets focus
onblurScript runs when the element loses focus
onclickScript runs when a mouse click
ondblclickScript runs when a mouse double-click
onmousedownScript runs when mouse button is pressed
onmouseupScript runs when mouse button is released
onmouseoverScript runs when mouse pointer moves over an element
onmousemoveScript runs when mouse pointer moves
onmouseoutScript runs when mouse pointer moves out of an element
onkeypressScript runs when key is pressed and released
onkeydownScript runs when key is pressed
onkeyupScript runs when key is released

Printer Friendly

Advertisements


  

Advertisements