How to Download file when clicking on the link (instead of navigating to the file)

Click on the image to download it.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<h1>The a download attribute</h1>

<p>Click on the image to download it:<p>
<a href="https://horje.com/avatar.png" download>
  <img src="https://horje.com/avatar.png" alt="Horje" width="104" height="142">
</a>

<p><b>Note:</b> The download attribute is not supported in IE or Edge (prior version 18), or in Safari (prior version 10.1).</p>

</body>
</html>

Output should be:

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