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.
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

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
