SQL PHP HTML ASP JavaScript articles and free scripts to download
HTML

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


Google+
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
michael03-10-2012
Hope this works
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
HTML . MySQL. PHP. JavaScript. ASP. Photoshop. Articles. FORUM Contact us

©2000-2014 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer