Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

HTML area tag

HTML area tag is used to specify links to each image parts.

After specifying the link to each area of image, you can hover and click the links to open them.


html area tag nature image

Output

html area tag nature image

HTML area tag attributes

Sr. No. atribute Name Description
1 alt alt tag is used to display alternate text for the area.
2 coords coords id used to specify the co-ordinates of the area to describe the href link. This becomes to clickable area to show internal or external pages.
  • for shape=”rect”, coords= “left, top, right, bottom” coords value are the numeric values.
  • for shape=”circle”, coords= “center-x, center-y, radius” coords value are the numeric values.
  • for shape=”poly”, coords= “x1, y1, x2, y2, …xn,yn” coords value are the numeric values.
3 download Used to describe the file to dowload on click. The value of this attribute is the name of a file with its location.
4 href href is used to specify the location of the source or location to display on click.
5 hreflang hreflang is used to specify the language of the source.
6 media media is used to specify the media or target device the target url is optimized for.
7 rel rel is used to specify the relationship between the current location and the target location. The values for rel attribute are alternateauthorbookmarkhelplicensenextnofollownoreferrerprefetchprevsearchtag
8 shape shape is used to specify the shape of the image map. The values for this attribute are rect, rectangle, circ, circle, poly, polygon

Resources and References

1. W3C Specification.
2. HTML living standard
3. W3C project using Github

PDF Version

The post HTML area tag appeared first on Tutorialdeep.



This post first appeared on Tutorialdeep - An Online Web Development And Blogging Tutorial, please read the originial post: here

Share the post

HTML area tag

×

Subscribe to Tutorialdeep - An Online Web Development And Blogging Tutorial

Get updates delivered right to your inbox!

Thank you for your subscription

×