<h1>The map and area elements</h1>
<p>Click on the computer, the phone, or the cup of coffee to go to a new page and read more about the topic:</p>
<img src="https://www.w3schools.com/tags/workplace.jpg" title="Masa" alt="Masa" usemap="#workmap" width="400" height="379">
<map name="workmap">
  <area shape="rect" coords="34,44,270,350" title="Telefon" alt="Bilgisayar" href="#Bilgisayar">
  <area shape="rect" coords="290,172,333,250" title="Telefon" alt="Telefon" href="#Telefon">
  <area shape="circle" coords="337,300,44" title="Kahve" alt="Kahve" href="#Kahve">
</map>

External CSS

  1. https://codepen.io/wolkanca/pen/wvgOPWb

External JavaScript

  1. https://codepen.io/wolkanca/pen/wvgOPWb