Hotspots in HTML

[KAMANA]

I have to make a project to give a brief introduction of HTML Image tag. I am not well versed with HTML and Web Designing Languages. Yet I have gathered most of the information on this tag. But I am unaware of a term HOTSPOT in an Image Map. I want to know as to what exactly is a Hotspot and how to define a Hotspot. Are there any types of Hotspots? I have tried but I am not able to get a proper defination for it.

[Reegan]

Let us first define an Image map in HTML. A Image map is siad to be an Image which consists of clickable areas.
Now these areas which are clickable in an image map are in turn called as Hotspots. HTML includes 3 different Hotspot or shapes which can be used in an image. These are: RECT (i.e rectangle), Cicle, Polygon.

[opaper]

These are the areas on an image that we can click. They categorized in 3 different areas according to their shape.
Circle: This is used for circular areas. It just requies a centre co-ordinate and the radius.
RECT: This area or Hot spot requires two co-ordinates i.e from Top Right and the Bottom Left.
Polygon: This is very popularly used Hot spot. It is utilised if an area cannot be identified by the above to Hot spots.
HTML makes use of these Hot spots to allow user to click on an Image as a link.

[Reegan]

Hotspots are the areas which can be used as a link in an image. An Image can have multiple Hot spots. Hotspots are basically of 3 shapes- Cicle, Rect, Polygon. This feature enables an image to be represented as cluster of pictorical links.

eg.

<img src="bike.gif" width="145" height="126" alt="Harley" usemap="#motorcycle" />

<map name="motorcycle">
  <area shape="rect" coords="0,0,82,126" href="Oiltank.htm" alt="Fuel Tank" />
  <area shape="circle" coords="90,58,3" href="tyre.htm" alt="Tyres" />
</map>