So we are going to see today the Image mapping.
Let's take have a simple practical look at this Properties So, what you have do is
First touch in computer ..... you will land in other site .
now second touch the mobile phone you will land in different site .
and last touch the coffee and magically you will land in different site .
So, this is because of the image mapping properties. If you want the source code so here is this.
<!doctype html>
<html>
<head>
<title>
image mapping
</title>
</head>
<body>
<img src="https://www.w3schools.com/html/workplace.jpg" height="379px" width=" 400px" usemap="#workmap">
<map name="workmap">
<area shape="rect" coords="30,41,280,350" href="https://www.w3schools.com/html/html_images_imagemap.asp"/>
<area shape="rect" coords="288,169,337,246" href="https://www.w3schools.com/html/phone.htm" />
<area shape="circle" coords="341,298,40" href="https://www.w3schools.com/html/coffee.htm" />
</map>
</body>
</html>
Comments
Post a Comment