Como posso criar um link para download em html?

Como posso criar um link para download em html?
HTML é uma linguagem básica usada para projetar páginas da web simples e atraentes. Ele fornece diferentes componentes, como formas, tabelas, imagens ou botões. Os links de download são um deles. O link de download permite que os usuários baixem conteúdo do site. Para incorporar o link de download em um site ou documento HTML, o “download”Atributo é usado.

Este blog indicará as instruções para criar o link de download em html.

Como criar/fazer um link para download em html?

Para adicionar um link para download no HTML, crie um link simples usando o “" marcação. Dentro da tag, utilize o “download”Atributo. Para esse fim, siga as instruções fornecidas.

Etapa 1: Crie um contêiner

Primeiro, crie um simples “”Contêiner. Então, adicione o “alinhar”Atributo entre a tag div e especifique o valor“Centro”Este atributo é usado para alinhar o recipiente no centro.

Etapa 2: Insira a imagem

Insira uma imagem na forma do link usando o “”Tag com“Href" e "download" atributos. Aqui, o atributo "href" é usado para incorporar a imagem, e o atributo "Download" é ​​usado para fazer um link para download:


Baixar link em html


Baixe a imagem

Pode -se observar que o link baixado foi criado com sucesso:

Etapa 3: Aplique CSS para estilo

Em seguida, acesse o “div”Contêiner com classe“.link-div”E aplique as seguintes propriedades de estilo CSS:

.link-div
borda: 2px preto sólido;
margem: 20px;
Altura: 50%;
Background-Color: Blanchedalmond;

A descrição das propriedades acima mencionadas é dada abaixo:

  • O "fronteira”Propriedade define um limite ao redor do elemento.
  • Próximo, "margem”Ajuda a especificar o espaço fora da borda definida.
  • ““altura”Aloca a altura do elemento.
  • ““cor de fundo”Propriedade define a cor de fundo para o contêiner.

Saída

Explicamos o método para criar o link de download em html.

Conclusão

Para criar um link para download em html, primeiro, criar um contêiner de div com a ajuda do “”Tag e atribua a classe que será usada para estilizar o contêiner. Em seguida, incorpore a imagem na forma do link usando o “”Tag com“Href" e "download" atributos. Este post explicou o procedimento para criar o link de download em html.