Saturday, February 6, 2016

Image maps

Use the < map > tag to use an image-map. 

An image-map is an simply image with clickable areas.

The < map > tag contains a number of < area > tags, that defines the clickable areas in the image-map:



Source:


Output:
(mouse hover on first image area i.e. Sun), on click it will take us into sun.htm webpage.

(mouse hover on second image area i.e. Mercury), on click it will take us into mercury.htm webpage.


(mouse hover on third image area i.e. Venus), on click it will take us into venus.htm webpage.


No comments:

Popular Posts