How to add An image map with clickable areas that will be downloaded when clicked on

Area Example.

Click on the sun or on one of the planets to download its content.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<h1>The area download attribute</h1>

<p>Click on the sun or on one of the planets to download its content.</p>

<img src="https://horje.com/avatar.png" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="https://horje.com/avatar.png" download>
  <area shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif" download>
  <area shape="circle" coords="124,58,8" alt="Venus" href="https://horje.com/avatar.png" download>
</map>

<p><b>Note:</b> The download attribute is not supported in IE, Safari or Opera version 12 (and earlier).</p>

</body>
</html>

Output should be:

Type:	html
Category:	Web Tutorial
Sub Category:	HTML Attribute
Uploaded by:	Admin