download file html css code example

Example 1: html download link

<a href="path/to/file.ext" download rel="noopener noreferrer" target="_blank">
   Download File
</a>

<!-- Please keep in mind that the dowload attribute is not supported by IE11. This why we need a target="_blank" fallback -->

Example 2: how to make a html file downloader

<!--button-->

<button onclick="save('NAME.html','CODE')"></button>

<script>
function save(filename, html) {
  var el = document.createElement('a');
  el.setAttribute('href', 'data:text/html;charset=utf-8,' + encodeURIComponent(html));
  el.setAttribute('download', filename);
  el.style.display = 'none';
  document.body.appendChild(el);
  el.click();
  document.body.removeChild(el);
}
</script>

<!--or-->
<!--link-->
<a href="the/name/of/your/file.x" download>

Tags:

Html Example