how to image map in html
  • The <map> tag is used to define An image-map is an image with clickable areas.

    First i insert a image named search engine.gif

    <HTML>
    <BODY>
    <IMG src="search engines.gif"/>
    </BODY>
    </HTML>



    image

    now i want that whenever i mouse hover on the google  its allow me to acess me on google site this will only done by using image map

    <HTML>
    <BODY>
    <MAP name="search">         <!--you can give any name of map-->
    <area shape="rect" coords="2,10,228,85" alt="Sun" href="http://www.google.com"> <!--Area is a tag  and coords indicates the area of an image where you want to set link if you want to set coords of image easily then visit the link given in below-->
    <img src="search engines.gif" usemap="#search">     <!--you can use usemap attribute to define the map name-->

    </BODY>
    </HTML>

    The result of this code will shows like this



    image


    for easily image coords visit this link http://www.maschek.hu/imagemap/

    simply goto this site add a picture and select the position which you want to set link and then copy the given coords and paste it into area coords in your HTML page
    CutPicture.com_2013-May-17_09_05_12.jpg
    511 x 215 - 22K
    CutPicture.com_2013-May-17_09_05_12.jpg
    511 x 215 - 15K
    hussainroyal

Howdy, Stranger!

It looks like you're new here. If you want to get involved, or you want to Ask a new Question, Please Login or Create a new Account by Clicking below

Login with Facebook

Popular Posts of the Week

Top Posters Weekly

Optimum Creative