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>
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