June 25, 2012

Create Hyperlink to the part of the image in HTML using AREA tag

Hi everyone,

Its been a long time that I have been posted a new one. This time I would like share with you the information to create or make some part of the image as hyperlink.

Source:
<img src="image.jpg" usemap="#areal" />
<map name="areal">
<area shape="rect" coords="0,0,50,50" href="http://www.pillisureshraju.info/" target="_blank"></area>
</map>

Important values to observe:
image.jpg -- Image name
areal -- map area name
rect -- Shape type
0,0,50,50 -- x1,y1,x2,y2 coordinates of the shape
href -- hyperlink reference

Now, the hyperlink is been created for your image with the specified coordinates.

Please send your comments and feedback to psrdotcom@gmail.com

No comments:

Featured Post

Java Introdcution

Please send your review and feedback to psrdotcom@gmail.com