Area html tag for hyper links on images
We can mark different areas in a map or image and generate a clickable areas by using html tag. We can point different areas of a image map to different pages by creating hyper links on the map.
Here is an example of image map
Let us try with this example.
<area shape='rect' cords='20,20,50,60'>
Here we have defined one rectangular shape with coordinates given in cords attribute.
We can add the target or href to the above tag like this
<area shape='rect' cords="20,20,50,60" href='mypage.php'>
The above area once clicked the mypage.php page will open
We can also add one alternate text to the area tag like this.
<area shape='rect' cords="20,20,50,60" href='mypage.php' alt='About my page'>
Area tag is used along with a <map> tag in creating clickable hyper links in an image.
Number of User Comments : 7
|Click for more tutorial on Button Links & CSS|
|Good, i got the idea about html web progrmming language|
|it is very useful for the beginners who d'nt about the HTML....|
|this is great. our teacher wants us to make our own webpage. and it sucks! haha! :) thanks for putting the tags. |
|its very nice idea about the html web programing|
|thanks this was a lot of help!|
|Dear Sir your tutorials very nice thankyou,|
one doubt for me i arrange html &css but not navigation bar linking another page how please tell me thankyou
|Hope this works|