Map Image Article For Free

An Image Map refers to the clickable image having a clickable area that can be used to navigate to the various link to other web pages or the specific section of the same web page. The <map> tag can be used to define the image map & the clickable area inside the image can be defined with the <area> tag.

Image maps are of two types Client side and Server side.

An Image Map refers to the clickable image having a clickable area that can be used to navigate to the various link to other web pages or the specific section of the same web page. The <map> tag can be used to define the image map & the clickable area inside the image can be defined with the <area> tag.

Image maps can also be used to provide website visitors with further information about various topics. An example is the interactive US State map of mapsofworld.com. Every state contains a clickable link and leads to further information about said state, as well as an in-depth map.

Use image maps when the information you need to convey is better presented visually than in text. The best use of an image map is for, well, a map. Maps convey a large amount of information in a small space, and image maps serve to make them more interactive.

Imagemaps are made by defining each of the hot areas in terms of their x and y coordinates (relative to the top left hand corner). With each set of coordinates, you specify a link that users will be directed to when they click within the area.

There are four types of these areas; rectangles, circles, polygons and default. Firstly, you need to create the map that will be associated with the image. This is created using the MAP element, which must have a NAME attribute set, with a name that will be used to reference the map.