How to Make a File Downloadable from Your Website

Sample HTML CodeLinking to a Downloadable File

Making a file downloadable on your website may seem like a daunting task, but actually can be done fairly easily by using some very basic HTML codes. Read on to find out how.

Sample HTML Code

HTML Code for File Download

Linking to a Downloadable File

1. 
   1
   Upload the file to your server. This can be done by FTP, or by another method. Consult your hosting company for information how to do this. The file to the same folder the HTML-file which links to it is in. Doing this, it will be easier to link to the file.
2. 
   2
   Open the webpage you want the filename to appear on in a basic text editor, such as notepad.
3. 
   3
   Choose a place where you want the download link to be. You have two options:
   • A word on which people can click to download --> go to step 4
   • An image on which people can click to download --> go to step 6
4. 
   4
   Enter the following code on the place you want the link to be:''<a href="yourfile.xxx" target="_blank">'''word'''</a>''
5. 
   5
   Change the yourfile.xxx to the name of the file you want to link to, and the word to the word you want your visitors to click on. --> go to step 8
6. 
   6
   Enter the following code on the place you want the link to be:<a href="yourfile.xxx" target="_blank"><img src="yourimage.xxx" alt="title_of_image" /></a>
7. 
   7
   If you don't want that annoying box around an image then type this <a href="yourfile.xxx" target="_blank"><img border="0" src="yourimg.xxx" alt="yourimage"></a>
8. 
   8
   Change the yourfile.xxx to the name of the file you want to link to, theyourimage.xxx to the image (which is also uploaded in the same folder your HTML file is in) you want your visitors to click on, and the title_of_image with the word you want the visitors to see when keep their pointer over the image for some time.
9. 
   9
   Finished! Save the HTML file, upload it to your server and it should all work fine!

Tips

• HTML is not as complex as you think. Each link points only to a specific file that your browser handles on a file type basis. For example, a link pointing to an HTML document will open in your default web browser, while linking to a PDF file will cause the downloaded file to open the default PDF viewer (such as Adobe Acrobat Reader or CoolPDF Reader
  )