Iamge Map
Q.1 Draw a Picture in paint and link all parts with hotspot link (Image map)
Image :
To Link Above image with image-map the code is :
<!DOCTYPE html>
<html>
<body>
<img src="imagemap.png" alt="does not support" usemap="#smile">
<map name="smile">
<area shape="circle" coords="245,265,50" href="nana.jpg" alt="Left Eye" >
<area shape="circle" coords="455,260,50" href="nana.jpg" alt="Right Eye">
<area shape="rect" coords="207,415,501,489" href="nana.jpg" alt="smile">
</map>
</body>
</html>
<!-- Note this You to put your own image and change path in href attribute -->
Click here to download html file
Image :
To Link Above image with image-map the code is :
<!DOCTYPE html>
<html>
<body>
<img src="imagemap.png" alt="does not support" usemap="#smile">
<map name="smile">
<area shape="circle" coords="245,265,50" href="nana.jpg" alt="Left Eye" >
<area shape="circle" coords="455,260,50" href="nana.jpg" alt="Right Eye">
<area shape="rect" coords="207,415,501,489" href="nana.jpg" alt="smile">
</map>
</body>
</html>
<!-- Note this You to put your own image and change path in href attribute -->
Click here to download html file
Comments
Post a Comment