¿Cómo crear un enlace de descarga con HTML?

Hay tantas descargas de los sitios web diariamente que ni siquiera podemos contar que está más allá de la imaginación. Pero como programador, también debe saber cómo crear un enlace de descarga para usted mismo, de modo que cuando necesite agregarlo a su sitio web, le resulte fácil agregar esta función. En este artículo, aprenderemos cómo crear un enlace de descarga con html .

El enlace de descarga es un enlace que descargará el archivo específico cuando el usuario haga clic en él. Ahora, hablemos sobre el atributo que se utilizará en el código mientras se escribe. El atributo «descargar» se utiliza para hacer que el enlace se pueda descargar. Especificará el destino (pdf, zip, jpg, doc, etc.) que se descargará solo cuando el usuario haga clic en el enlace. 

Nota: El atributo de descarga solo se puede usar cuando el atributo href se establece antes.

Sintaxis:

<a href="NameOfFile.extension" download></a>

Ejemplo: Este ejemplo describe cómo crear un enlace descargable.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>Download Link</title>
</head>
  
<body>
    <h2>
        Demonstration for creating 
        a Download Link in HTML
    </h2>
  
    <!-- Using the <a> tag with href 
        and download attributes -->
    <a href="gfglogo.png" download>
        Click Here to download the image
    </a>
</body>
  
</html>

Producción:

Navegadores compatibles:

  • Google Chrome
  • Firefox
  • Borde de Microsoft
  • Safari
  • Ópera

Publicación traducida automáticamente

Artículo escrito por kunalmali y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *