Como fazer um botão em HTML para baixar um arquivo

Contente

Instruções
Dicas
O que você precisa
Referências
Recursos

Os designers web usam frequentemente botões embutidos em documentos HTML por motivos de funcionalidade e estéticos. Além de oferecerem aos usuários uma forma visualmente agradável de enviar informação ou tomar decisões, os botões permitem diferentes funcionalidades em base à interação do usuário. Neste artigo um botão HTML permitirá a um usuário baixar um arquivo quando for clicado.

Instruções

Os botões são componentes úteis e flexíveis em HTML (Hemera Technologies/PhotoObjects.net/Getty Images)

Crie o arquivo HTML em um editor de texto, como o Notepad. O arquivo básico deverá conter ao menos as etiquetas "html" e "body":

>

O tag "button" contém a informação que descreve o botão. Neste caso, o botão é do tipo genérico "button" e o nome dele é "Download". As palavras entre os tags "" aparecerão no botão quando a página for mostrada em um navegador.
Faça com que o botão aponte a um arquivo quando for clicando por um usuário. Para isso, adicione um evento "onClick":

O evento "onClick" se executará quando o usuário clicar no botão. Neste caso ele abrirá uma nova janela apontando para o endereço do arquivo.
Salve o arquivo e abra-o no navegador web. Salve com a extensão "html" (por exemplo, "teste.html"). Abra-o no navegador. O botão aparecerá no canto superior esquerdo da janela e um clique nele encaminhará o usuário para o arquivo e começará o processo de download.

Dicas

Este código pode ser copiado e colado em qualquer documento HTML. Leia o site web da "W3C Schools" (w3schools.com) para aprender mais sobre o que os botões HTML podem fazer.