Cómo hacer de enlace para la descarga de archivos en HTML?

Hoy vamos a aprender cómo podemos descargar archivos desde sitios web ? Desde etiqueta de anclaje se utilizan para proporcionar enlaces en una página web. Por lo tanto, hoy vamos a aprender a hacer uso de las etiquetas de anclaje para descargar diferentes archivos cada vez que haga clic en los enlaces.

En HTML, tenemos etiqueta de anclaje que se utiliza para crear enlaces. Creamos enlaces por,

<a href="www.google.com">

Si queremos descargar archivos cuando el usuario hace clic en un enlace usaremos ‘Descargar’ atributo en ‘etiqueta de ancla’ . Podemos descargar varios archivos como .pdf, .docx, etc. .jpg varios archivos diferentes.

Haremos uso de descarga atributo de la siguiente manera,

<a href="images/logo.jpg" download>Download image</a>

Cada vez que vamos a hacer clic en la imagen Descargar enlace, se descarga el logo.jpg en su sistema .

Código HTML

Nota: Aquí, he utilizado CSS para dar formato a la página.

<!DOCTYPE html>
<html>
<head>
<title>My download page</title>
<style>
body{
margin:0px;
padding:0px;
}
h1{
text-align:center;
font-family:Georgia;
color:#ffffff;
margin:auto;
}
.bgimage
{
background-image:url('https://cdn.pixabay.com/photo/2017/10/28/23/05/background-2898451_960_720.jpg');
background-size:cover;
background-position:center;
}
.section{
background-color:#FFEFD5;
background-size:cover;
text-align:center;
}
a:link{
color:black;
font-family:Georgia;
font-size:15px;
font-weight:bold;
}
</style>
</head>
<body>
<header class="bgimage">
<h1>Download Files Page</h1>
<div class="section">
<a href="resume.docx" download>Download Resume</a>
</div>
</header>
</body>
</html>

salida (Imágenes)

How to make link for downloading files in HTML? - 4
How to make link for downloading files in HTML? - 5

favor comparta su comentario si te gustó el artículo.


Deja un comentario

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