MULTIPLE CLICKABLE AREA ON IMAGE
Run 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
</head>
<body>
    <h2>Multiple clickable  area on image</h2>
	<p> Click on objects on image </p>
	<map name="clickable">
	  <area shape="circle" coords="309,164,78" href="https://www.studytonight.com/bootstrap/bootstrap-carousel">
	  <area shape="rect" coords="185,225,268,352" href="https://www.studytonight.com/bootstrap/bootstrap-breadcrumb">
	  <area shape="poly" coords="2,3,1,32,2,237,23,264,66,304,105,276,150,238,259,143,212,77,167,24" href="https://www.studytonight.com/bootstrap/bootstrap-button-group">
	</map>
	<img usemap="#clickable" src="https://s3.ap-south-1.amazonaws.com/s3.studytonight.com/tutorials/uploads/pictures/1624710141-101156.png" alt="picture" width="500px" height="300px">

</body>
</html>