(8) IMAGE MAPS
Image maps is an image which the different areas act as a link. It means that if you want that the image different parts used to link the different files then you will use the image maps methodology .
We use the two elements to make an image maps and these are mentioned below:
- Map:Map element defines an image map. It provides the name attribute , which specifies the name of the image map.
- Area: Area element specifies the coordinates of the region on the image, which will act as a hyper link. It will also specifies the linked URL in the three shapes.
- Rectangle
- Circle
- Polygon
- Usemap: usemap attribute of the IMG elements refers to the image map.
Simple code is shown as below using this property:
<Body>
<map name = "religion">
<area href = " http://www.laststandfirst.blogspot.com" alt = " last stand first" shape = "rect" coords = "0,0,170,35" />
<area href = " http://www.hindu.com" alt = " hindu" shape = "rect" coords = "50,128,170,75" />
</map>
<img src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge0tS8sbQDQyedySfvd-Ly3Zskead8Mn2K9ebH57A_yGb8ozgYkCUpmuOX7WGTkQXkTbvIaAHq8vW6fn0yjyI2N8oYT1Psufm1Tlq8XvtFd3UWa5iAqh5BqSelt0rhCx0ZyIObAomc3JsF/s226/religion.jpeg.jpeg" alt= "world religion" usemap = "#religion"/>
<map name = "religion">
<area href = " http://www.laststandfirst.blogspot.com" alt = " last stand first" shape = "rect" coords = "0,0,170,35" />
<area href = " http://www.hindu.com" alt = " hindu" shape = "rect" coords = "50,128,170,75" />
</map>
<img src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge0tS8sbQDQyedySfvd-Ly3Zskead8Mn2K9ebH57A_yGb8ozgYkCUpmuOX7WGTkQXkTbvIaAHq8vW6fn0yjyI2N8oYT1Psufm1Tlq8XvtFd3UWa5iAqh5BqSelt0rhCx0ZyIObAomc3JsF/s226/religion.jpeg.jpeg" alt= "world religion" usemap = "#religion"/>
haseeb khan sir my new work is
ReplyDelete