How to Make a Download Button in HTML

A rather simple but often overlooked attribute in HTML is the download attribute. Simply add it to an anchor if you want to download the resource instead of opening it in a new tab. No special script or anything else needed.

<!--
  Use the download attribute to signal that the resource
  should be downloaded rather than opened in the browser
-->

<a href="/cv.pdf" download>📥 Download my CV</a>

If you omit the value, the original filename will be used with its correct extension, but you can specify an alternative filename as well.

10 Best Practices for HTML

To help you improve your site’s performance and SEO

Following these 10 best practices for html will help you step up your html game and get your site ranked higher, leading to more traffic...Learn More

Resources:

• The attributes of an anchor element