HTML <area> Tag How To Use

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

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.

Code:

<img src="hello_world.png" width="100" height="100" alt="Hello World"
usemap="#helloworld">

<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">
</map>

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

Code:

coords="0,0,60,111"

0 the right edge, 0 the top edge, 60 the left edge and 111 the bottom edge.
Thanks and have fun

Find

Reply

Good share Victor keep it going this forum needs more useful tutorials

Find

Reply

Thanks Victor HTML area coords attribute is pretty useful thing!

Find

Reply