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>