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

Chat gratis

Find

Reply

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

Buscar pareja

Find

Reply

Thanks Victor HTML area coords attribute is pretty useful thing!

ligar amigos

Find

Reply

The <area> tag defines an area inside an image-map (an image-map is an image with clickable areas). The <area> element is always nested inside a <map> tag. Note: The usemap attribute in the <img> tag is associated with the <map> element's name attribute, and creates a relationship between the image and the map.

Find

Reply

The <area> tag defines an area inside an image-map (an image-map is an image with clickable areas). The <area> element is always nested inside a <map> tag. Note: The usemap attribute in the <img> tag is associated with the <map> element's name attribute, and creates a relationship between the image and the map.

Find

Reply