JIYIK CN >

This article will introduce a method to create a download link in HTML.

Use the download attribute to create download links in HTML

We can create a download link using the download attribute inside the HTML anchor element. In the anchor tag, we can specify the link of the file to be downloaded with the help of the href attribute.

The anchor tag creates a hyperlink to the target file and when we click on that link, the file gets downloaded. If we set a value to the download attribute, the file will be downloaded with that name.

For example, create a < <a>img src="http://www.google.com/analytics/download/download/images/parker.jpeg"/> tag and set the path of the file to be downloaded in the href attribute. Here, the file is the image parker.jpeg .

Write the download attribute next to the href attribute. Write the text download between the anchor tags to create a clickable text.

Here, the images are located in the same folder as the HTML file.

Click on the download link and we will be prompted to download the file. The most important thing to consider when creating a download link is that the web page should be hosted on a server.

We will be prompted to download the file only if it is running on a live server. For example, if we create an HTML file and open it, the file will open in the browser from the local file system.

The URL will be something like file:///var/www/html/index.html . In this case, when we click on the link, the image will be displayed on the web page, which is not what we want.

We can run HTML files on the server in many ways. One way is to start a local server in your system and serve the HTML files from the local host.

This is an elegant way to run the server. So, we can create a download link using the download attribute in the HTML anchor tag.

Sample code:

<a href="/img/jiyik/logo.png" download> Download </a>