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 HTMLTo help you improve your site’s performance and SEOFollowing 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

Get access to 300+ webtips 💌

Level up your skills and master the art of frontend development with bite-sized tutorials.

We don't spam. Unsubscribe anytime.

Get Access to Webtips

Looking to improve your skills? Check out our interactive course to master HTML from start to finish.

---

Resources:

• The attributes of an anchor element