Horje

How to add HTML <a> download Attribute

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

Definition and Usage

The download attribute specifies that the target (the file specified in the href attribute) will be downloaded when a user clicks on the hyperlink.

The optional value of the download attribute will be the new name of the file after it is downloaded. There are no restrictions on allowed values, and the browser will automatically detect the correct file extension and add it to the file (.img, .pdf, .txt, .html, etc.).

If the value is omitted, the original filename is used.

Browser Support

The numbers in the table specify the first browser version that fully supports the attribute.

Syntax

<a download="filename">

Attribute Values

Value Description
filename Optional. Specifies the new filename for the downloaded file
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:

How to add HTML <a> download Attribute



Single Articles
Example of HTML <a> TagHTML Tag
Tips and Notes for HTML <a> TagHTML Tag
Browser Support for HTML <a> TagHTML Tag
<a> Tag AttributesHTML Tag
<a> Global AttributesHTML Tag
<a> Event AttributesHTML Tag
How to use an image as a linkHTML Tag
How to open a link in a new browser windowHTML Tag
How to link to an email addressHTML Tag
How to link to another section on the same pageHTML Tag
How to link to a JavaScriptHTML Tag
How to add HTML <a> download AttributeHTML Tag
How to add HTML <a> href AttributeHTML Tag
How to add HTML <a> hreflang AttributeHTML Tag
How to add HTML <a> media AttributeHTML Tag
How to add HTML <a> media height AttributeHTML Tag
How to add HTML <a> media device-width AttributeHTML Tag
How to add HTML <a> media width AttributeHTML Tag
How to add HTML <a> media device-height AttributeHTML Tag
How to add HTML <a> media orientation AttributeHTML Tag
How to add HTML <a> media aspect-ratio AttributeHTML Tag
How to add HTML <a> media device-aspect-ratio AttributeHTML Tag
How to add HTML <a> media color AttributeHTML Tag
How to add HTML <a> media color-index AttributeHTML Tag
How to add HTML <a> media monochrome AttributeHTML Tag
How to add HTML <a> media resolution AttributeHTML Tag
How to add HTML <a> media monochrome AttributeHTML Tag
How to add HTML <a> media grid AttributeHTML Tag
How to add HTML <a> ping AttributeHTML Tag
How to add HTML <a> referrerpolicy AttributeHTML Tag
How to add HTML <a> referrerpolicy no-referrer AttributeHTML Tag
How to add HTML <a> Tag referrerpolicy no-referrer-when-downgrade AttributeHTML Tag
How to add HTML <a> Tag referrerpolicy origin AttributeHTML Tag
How to add HTML <a> Tag referrerpolicy origin-when-cross-origin AttributeHTML Tag
How to add HTML <a> Tag referrerpolicy same-origin AttributeHTML Tag
How to add HTML <a> Tag referrerpolicy strict-origin-when-cross-origin AttributeHTML Tag
How to add HTML <a> Tag referrerpolicy unsafe-url AttributeHTML Tag
How to add HTML <a> rel AttributeHTML Tag
How to use HTML <a>Tag rel alternate AttributeHTML Tag
How to use HTML <a>Tag rel author AttributeHTML Tag
How to use HTML <a>Tag rel bookmark AttributeHTML Tag
How to use HTML <a>Tag rel external AttributeHTML Tag
How to use HTML <a>Tag rel help AttributeHTML Tag
How to use HTML <a>Tag rel license AttributeHTML Tag
How to use HTML <a>Tag rel next AttributeHTML Tag
How to use HTML <a>Tag rel nofollow AttributeHTML Tag
How to use HTML <a>Tag rel noopener AttributeHTML Tag
How to use HTML <a>Tag rel noreferrer AttributeHTML Tag
How to use HTML <a>Tag rel prev AttributeHTML Tag
How to use HTML <a>Tag rel search AttributeHTML Tag
How to use HTML <a>Tag rel tag AttributeHTML Tag
How to create HTML <a> target AttributeHTML Tag
How to add HTML <a> target _blank AttributeHTML Tag
How to add HTML <a> target _self AttributeHTML Tag
How to add HTML <a> target _parent AttributeHTML Tag
How to add HTML <a> target _top AttributeHTML Tag
How to add HTML <a> target framename AttributeHTML Tag
How to create HTML <a> type AttributeHTML Tag


Related Articles
What is HTML <!--...--> Tag HTML Tag
What is HTML <!DOCTYPE> Declaration HTML Tag
What is HTML Elements and Doctypes HTML Tag
What is HTML <a> Tag HTML Tag
What is HTML <abbr> Tag HTML Tag
What is HTML <acronym> Tag HTML Tag
What is HTML <address> Tag HTML Tag
What is HTML <applet> Tag HTML Tag
What is HTML <area> Tag HTML Tag
What is HTML <article> Tag HTML Tag
What is HTML <aside> Tag HTML Tag
What is HTML <audio> Tag HTML Tag
What is HTML <b> Tag HTML Tag
What is HTML <base> Tag HTML Tag
What is HTML <basefont> Tag HTML Tag
What is HTML <bdi> Tag HTML Tag
What is HTML <bdo> Tag HTML Tag
What is HTML <big> Tag HTML Tag
What is HTML <blockquote> Tag HTML Tag
What is HTML <body> Tag HTML Tag
What is HTML <br> Tag HTML Tag
What is HTML <button> Tag HTML Tag
What is HTML <canvas> Tag HTML Tag
What is HTML <caption> Tag HTML Tag
What is HTML <center> Tag HTML Tag
What is HTML <cite> Tag HTML Tag
What is HTML <code> Tag HTML Tag
What is HTML <col> Tag HTML Tag
How to create HTML <colgroup> Tag HTML Tag
What is HTML <data> Tag HTML Tag
What is HTML <datalist> Tag HTML Tag
What is HTML <dd> Tag HTML Tag
What is HTML <del> Tag HTML Tag
What is HTML <details> Tag HTML Tag
What is HTML <dfn> Tag HTML Tag
What is HTML <dialog> Tag HTML Tag
What is HTML <dir> Tag HTML Tag
What is HTML <div> Tag HTML Tag
What is HTML <dl> Tag HTML Tag
What is HTML <dt> Tag HTML Tag
What is HTML <em> Tag HTML Tag
What is HTML <embed> Tag HTML Tag
What is HTML <fieldset> Tag HTML Tag
What is HTML <figcaption> Tag HTML Tag
What is HTML <figure> Tag HTML Tag
What is HTML <font> Tag HTML Tag
What is HTML <footer> Tag HTML Tag
What is HTML <form> Tag HTML Tag
What is HTML <frame> Tag HTML Tag
What is HTML <frameset> Tag HTML Tag
What is HTML <h1> to <h6> Tags HTML Tag
What is HTML <head> Tag HTML Tag
What is HTML <header> Tag HTML Tag
What is HTML <hgroup> Tag HTML Tag
What is HTML <hr> Tag HTML Tag
What is HTML <html> Tag HTML Tag
What is HTML <i> Tag HTML Tag
What is HTML <iframe> Tag HTML Tag
What is HTML <img> Tag HTML Tag
What is HTML <input> Tag HTML Tag
What is HTML <ins> Tag HTML Tag
What is HTML <kbd> Tag HTML Tag
What is HTML <label> Tag HTML Tag
What is HTML <legend> Tag HTML Tag
What is HTML <li> Tag HTML Tag
What is HTML <link> Tag HTML Tag
What is HTML <main> Tag HTML Tag
What is HTML <map> Tag HTML Tag
What is HTML <mark> Tag HTML Tag
What is HTML <menu> Tag HTML Tag
What is HTML <meta> Tag HTML Tag
What is HTML <meter> Tag HTML Tag
What is HTML <nav> Tag HTML Tag
What is HTML <noframes> Tag HTML Tag
What is HTML <noscript> Tag HTML Tag
What is HTML <object> Tag HTML Tag
What is HTML <ol> Tag HTML Tag
What is HTML <optgroup> Tag HTML Tag
What is HTML <option> Tag HTML Tag
What is HTML <output> Tag HTML Tag
What is HTML <p> Tag HTML Tag
What is HTML <param> Tag HTML Tag
What is HTML <picture> Tag HTML Tag
What is HTML <pre> Tag HTML Tag
What is HTML <progress> Tag HTML Tag
What is HTML <q> Tag HTML Tag
What is HTML <rp> Tag HTML Tag
What is HTML <rt> Tag HTML Tag
What is HTML <ruby> Tag HTML Tag
What is HTML <s> Tag HTML Tag
What is HTML <samp> Tag HTML Tag
What is HTML <script> Tag HTML Tag
What is HTML <search> Tag HTML Tag
What is HTML <section> Tag HTML Tag
What is HTML <select> Tag HTML Tag
What is HTML <small> Tag HTML Tag
What is HTML <source> Tag HTML Tag
What is HTML <span> Tag HTML Tag
What is HTML <strike> Tag HTML Tag
What is HTML <strong> Tag HTML Tag
What is HTML <style> Tag HTML Tag
What is HTML <sub> Tag HTML Tag
What is HTML <summary> Tag HTML Tag
What is HTML <sup> Tag HTML Tag
What is HTML <svg> Tag HTML Tag
What is HTML <table> Tag HTML Tag
What is HTML <tbody> Tag HTML Tag
What is HTML <td> Tag HTML Tag
What is HTML <template> Tag HTML Tag
What is HTML <textarea> Tag HTML Tag
What is HTML <tfoot> Tag HTML Tag
What is HTML <th> Tag HTML Tag
What is HTML <thead> Tag HTML Tag

Type:
Html
Category:
Web Tutorial
Sub Category:
HTML Tag
Uploaded by:
Admin



Share on: