Saltar al contenido principal

Ejercicio práctico 15: Enlaces de descarga

Descubre cómo crear enlaces de descarga en HTML para ofrecer archivos directamente desde tu sitio web. Aprende con un ejercicio práctico sencillo y útil para proyectos reales.

Actividad​

Crea un enlace que permita descargar un archivo. En una misma carpeta debes tener tu documento HTML y un archivo para descargar. El archivo para descargar puede estar a su vez en una subcarpeta, por ejemplo llamada "archivo". Prueba con un archivo en formato PDF.

Solución interactiva​

Solución con el código HTML completo​

HTML
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <title>Enlace de Descarga</title>
  </head>
  <body>
    <h1>Descargar Archivo</h1>
    <a href="archivo/mi_documento.pdf" download>Descargar ⬇</a>
  </body>
</html>