HTML Image Map Example - Tuts Insider

<!Doctype HTML>
<html>
  <head>
	<title>Image Map</title>
  </head>
  <body>
	<h2>Image map</h2>
	<p>Below is an imagemap. Try practicing and changin the image and then coordinates.</p>
	<img src="https://www.tutsinsider.com/wp-content/uploads/2019/08/image-map.png" usemap="#image-map">

<map name="image-map">
    <area target="_blank" alt="Home" title="Home" href="https://www.tutsinsider.com/" coords="-1,0,124,63" shape="rect">
    <area target="_blank" alt="CodeLab" title="CodeLab" href="https://www.tutsinsider.com/codelab" coords="126,2,249,63" shape="rect">
    <area target="_blank" alt="About" title="About" href="https://www.tutsinsider.com/about" coords="371,64,247,1" shape="rect">
    <area target="_blank" alt="Contact" title="Contact" href="https://www.tutsinsider.com/contact" coords="499,64,371,-1" shape="rect">
</map>
  </body>
</html>