<!DOCTYPE html>
<html>
<body>
<h1>Basic map element example</h1>
<p>The moon and the earth are clickable.</p>
<img
src="https://res.cloudinary.com/thewebmaster/image/upload/f_auto,q_auto,w_600/image/moon-earth.png"
width="600"
height="337.5"
alt="Area Tag Demo."
usemap="#workmap"
/>
<map name="workmap">
<area
shape="circle"
coords="178,171,133"
alt="Earth"
href="https://en.wikipedia.org/wiki/Earth"
target="_blank"
/>
<area
shape="circle"
coords="455,130,80"
alt="Moon"
href="https://en.wikipedia.org/wiki/Moon"
target="_blank"
/>
</map>
</body>
</html>