Area Tag in HTML- How to make a shape and display content into it in HTML


Area Tag in HTML- How to make a shape and display content into it in HTML

The Area Tag is Used to make a specific area on Web Page inside an image-map by specifying its co-ordinates and we can use this area to show any type of content in that area including a web page.

Attributes of area tag:-

Shape:- This attribute is used to define the shape of area like rectangle, circle etc.

Coords:- This Attribute is used to set the coordinates of a given shape.

Href:- This Attribute is used to define a new page or new shape URL which is open when we click on that particular area.

Example:-
<img src="accesories.html" height="400" width="500" usemap="#map1"/>
<map name="map1">
<area shape="rect" coords="10,10,40,40" alt="Keyboard" href="keyboard.htm">
<area shape="rect" coords="10,80,40,40" alt="mouse" href="mouse.htm">
<area shape="rect" coords="80,10,40,40" alt="LCD" href="LCD.htm">
</map>


{ 0 comments... read them below or add one }

Post a Comment