HTML » Area and Map Tag

HTML

​x
 
<!DOCTYPE html>
<html>
<head>
    <title>Area and Map Tag</title>
</head>
<body>
  <p> Below image mapped with map tag and area tag,</p>
  <img src="http://kivabe.com/wp-content/uploads/2017/08/Earth-moon.jpg" usemap="#earthmoonmap">
  <map name="earthmoonmap">     
    <area shape="circle" coords="142 142 125" alt="Earth" href="#">     
    <area shape="circle" coords="404 148 59" alt="Moon" href="#"> 
  </map>
​
</body>
</html>

CSS

​

JavaScript

​

Output: