how to add links on image in html

Image maping we can do in different languages like Html, asp.net,php. Now we learn how image map in these language.For new buddies i tell something about image maping-Link addition on image at different location is image maping . This addition of link on image is call as IMAGE MAP .Sometime we make full page in full size image and need to add some link on that. a good e.g of image mapping is goes to google map. so Now one by one we learn in these three language:

Image maping by html:

Here is few steps you follow to make image map.

Select image and normally attach in your webpage
Then start mapping here is demo

<img id=”Image-Maps-Com-image-maps-2014-02-13-014914″ src=”https://liveurlifehere.com/wp-content/uploads/2014/02/share.png” border=”0″ width=”548″ height=”137″ usemap=”#image-maps-2014-02-13-014914″ alt=”” />
<map name=”image-maps-2014-02-13-014914″ id=”ImageMapsCom-image-maps-2014-02-13-014914″>
<area shape=”rect” coords=”2,3,135,134″ alt=”fbshare” title=”Facebook ” target=”_self” href=”https://www.facebook.com/sharer/sharer.php?u=https://liveurlifehere.com/2014/02/how-to-add-links-on-image-in-html” />
<area shape=”rect” coords=”139,2,271,135″ alt=”” title=”” target=”_self” href=”https://twitter.com/intent/tweet?url=https://liveurlifehere.com/2014/02/how-to-add-links-on-image-in-html” />
<area shape=”rect” coords=”278,3,406,134″ alt=”” title=”” target=”_self” href=”#” />
<area shape=”rect” coords=”411,4,545,136″ alt=”” title=”” target=”_self” href=”https://plus.google.com/share?url=https://liveurlifehere.com/2014/02/how-to-add-links-on-image-in-html” />
<area shape=”rect” coords=”546,135,548,137″ alt=”Image Map” title=”Image Map” href=”http://www.image-maps.com/index.php?aff=mapped_users_0″ />
</map>

For this you can use online tools like image-maps.com

how to add links on image in html

Image maping by html:

Comments

Leave a Reply Cancel reply