Skip to content
Related Articles

Related Articles

How to specify that the target will be downloaded when a user clicks on the hyperlink in HTML5 ?

Improve Article
Save Article
  • Last Updated : 14 May, 2021
Improve Article
Save Article

In this article, we will learn to specify the target to a link when opened by the user which will further download the image or any other file. This link is used when the user needs to directly download the file when clicked on hyperlink.


In order to do that we have to use an attribute called download which is used in <a> tag. It is used to download the element when the user clicks on the hyperlink and used only when href attribute is set. We can also provide a value to it, which will give a name to the downloaded file.


<a href = "file" download = "file name">

Example 1:


<!DOCTYPE html>
<html lang="en">
<!--body tag starts from here-->
    <h2 style="color:#0F9D58;">GeeksforGeeks</h2>
     Download target when a user clicks 
     on the HTML5 hyperlink
     A link below downloads the image 
     file when clicked on it
    <a href="gfg1.png" download="logo of gfg">
     Click to download the logo of GeeksforGeeks

Output: We can see that the value which we gave in the download attribute is shown as the name of the downloaded file.

Downloaded file

Example 2:

<!DOCTYPE html>
    <p>Click on image to download</p>
    <a href=


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!