-->
Showing posts with label map tag with attribute circle. Show all posts
Showing posts with label map tag with attribute circle. Show all posts

HTML page with map tag and attribute circle

To understand about map tag, read following example.
---------------------------------------------------------------------------------------
<html> <!--called root tag-->
<head> <!--it is used for meta tags-->
<title><!-- it is used for title of page-->
inserting map with circle
'map' means a part of image where we can have link or we can click
</title>
</head>
<body><!--it is a container-->
<img src="coffee.jpg" width="400px" height="400px" alt="building" usemap="#coffeeecen">
<!--img src is used to insert image-->
<!-- it has attributes width,height and alt-->
<!-- 'alt' is used if the picture could not be loaded/displayed-->
<!--we must make sure that the path(of image) is correct-->
<!--usemap attribute is used for picture's part we want to click-->
<!--we use hash tag for this-->
<map name="coffeeecen">
<area shape="poly" coords="41,1,40,6,43,17,50,32
58,38,124,33,145,35,152,25,156,19,158,0" alt="Computer" href="glass.html">
</map>
<!--we use mapname tag to connect specific area of picture-->
<!--we can use shape either rect or polygon or circle or default
-->
<!-- if we use default it would use entire region-->
<!--coords is for x and y value/coordinate-->
<!--values appear in pair(x and y)-->
<!--href is for that page which we want to be opened-->
</body>
</html>

 -----------------------------------------------------------------------
Note: 
please read the comments written below the code.