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>
Copied to clipboard!

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

How to Make a Download Button in HTML
If you would like to see more Webtips, follow @flowforfrank

10 Best Practices for HTML


Remove ads
Remove ads

πŸ“š Get access to exclusive content

Want to get access to exclusive content? Support webtips with the price of a coffee to get access to tips, checklists, cheatsheets, and much more. β˜•

Get access Support us
Remove ads
Remove ads
Remove ads
πŸŽ‰ Thank you for subscribing to our newsletter. x