Prev Demo
HTML5
>
Image Map
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title>Image Mapping</title> </head> <body> <h2 style=" color:blue"><i>Image mapping is used to define the client imagemap which is used to map the image with the <span style="color:red">clickable areas</span> in the given coodinates</i> </h2> <img src="http://techfunda.com/HTPictures/Generics/4-635791814942223169.png" width="200" height="100" alt="kids" usemap="#Kids"/> <map name="Kids"> <area shape="rect" coords="0,0,82,116" alt="Kids" href="http://www.dotnetfunda.com" /> <area shape="circle" coords="90,58,3" alt="Funda" href="http://www.techfunda.com"> </map> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
