Mind blowing SEO improving and Google rank increasing Signature Rotator SEO Tool.


HTML <area> Tag How To Use

victor Offline referral

Posts: 638
Joined: Jun 2013
Reputation: 32

Senior Member
What's up ladies today we will learn how to add image HTML that is clickable in different areas like for instance Google logo where each letter will have a different URL attach to it so lets get started by the way I will not be able to post the actual image as this forum doesn't support HTML posts 001_glare

So the thing we are talking about is called <area> tag and it's used to define an area inside an image-map (image-map means an image with clickable areas)

OK so this is the code you or we will have to use.
<img src="hello_world.png" width="100" height="100" alt="Hello World"

<map name="helloworld">
<area shape="rect" coords="0,0,60,111" href="URL" alt="Whatever">
<area shape="circle" coords="50,70,6" href="URL" alt="Whatever">
<area shape="circle" coords="210,20,7" href="URL" alt="Whatever">

Now the most important how to interpret these coordinates, for instance

0 the right edge, 0 the top edge, 60 the left edge and 111 the bottom edge.
Thanks and have fun 001_thumbup
maya Offline referral

Posts: 1,058
Joined: May 2013
Reputation: 34

Posting Freak
Good share Victor keep it going this forum needs more useful tutorials
invisibe_dude Offline referral

Posts: 820
Joined: May 2013
Reputation: 24

Posting Freak
Thanks Victor HTML area coords attribute is pretty useful thing!

User(s) browsing this thread: 1 Guest(s)