DETAILS ABOUT IMAGE MAPS IN HTML WITH ITS SYNTAX AND EXAMPLE

When a hyperlink is created on an image, clicking on any part of the image will lead to opening of the document specified in the <A HREF TAG>. Linked regions of an image map are called hot regions and each hot region is associated with a filename.html. SYNTAX: <map name="map'sname"> ATTRIBUTES OF IMAGE MAPS: Coords Rectangle Polygon Href Coords: Each of the above shapes takes different coordinates as parameters. Rectangle: 4 coordinates (x1,y2,x3,y2) Polygon: 3 or more coordinates. Href: Takes the name of the .html file that s linked to the particular area on the SAMPLE CODING: Image Mapping.... <map name="indiamap"> <area alt="Click here to get more details" coords="213,404,223,413" href="http://feeds.feedburner.com/chennai.html" shape="rect" /> <area alt="Click here to get more details" coords="168,168,182,178" href="http://feeds.feedburner.com/delhi.html" shape="rect" /> <area alt="Click here to get more details" coords="113,313,126,323" href="http://feeds.feedburner.com/mumbai.html" shape="rect" /> <area alt="Click here to get more details" coords="358,251,370,261" href="http://feeds.feedburner.com/kolkatta.html" shape="rect" /> </map> <img border="0" src="http://feeds.feedburner.com/india.jpg" usemap="http://feeds.feedburner.com/studentsblog100#indiamap" />

URL: http://feedproxy.google.com/~r/StudentsBlog100/~3/dGMCTtou9vo/details-about-image-maps-in-html-with-syntax-and-example.html