How to use Image Map in HTML

In this article I will explain the Image Map in HTML.
  • 1974

Image maps are images with clickable areas (also called "hotspots") that usually link to another page.In order to create the image map firstly we need an image,so we create the image and save it as a gif or jpg or jpeg.Then we use the <map> tag of html and inside this tag we need to specify the clickable areas using area tag.Lets take an example of this,







    <img src="images/filled_star.png" width="225" height="151" border="0" alt="The red star represents the filled star"

        usemap="#star" />

    <map id="star" name="star_map">

        <area shape="rect" coords="90,80,120,151" href="star.htm" alt="empty_star" />






When I click the star it will open the another star.



Ask Your Question 
Got a programming related question? You may want to post your question here
Programming Answers here



More Articles

© 2020 DotNetHeaven. All rights reserved.