SQL PHP HTML ASP JavaScript articles and free scripts to download
 

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.


USAMA08-01-2010
Good, i got the idea about html web progrmming language
dany23-02-2010
it is very useful for the beginners who d'nt about the HTML....
bethel27-02-2010
this is great. our teacher wants us to make our own webpage. and it sucks! haha! :) thanks for putting the tags.
imran31-03-2010
its very nice idea about the html web programing
dylan11-04-2010
thanks this was a lot of help!
surendra12-01-2012
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
Post Comment This is for short comments only. Use the forum for more discussions.
Name
Email( not to be displayed)Privacy Policy
1+2=This is to prevent automatic submission by spammers. Please enter the result of the sum as asked


Join Our Email List
Email:  
For Email Newsletters you can trust
List of HTML Tutorial
HTML Tags
HTML Calendar
Tags on web page
Web Design