Como Criar um Botão em HTML para um Link

Baixe em PDF
Baixe em PDF

Esse artigo mostrará como criar um botão em HTML para um link. Ele se comporta semelhante a um hiperlink normal, mas em vez disso é um botão.

Passos

Baixe em PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d3\/Make-a-HTML-Link-Button-Step-1-Version-3.jpg\/v4-460px-Make-a-HTML-Link-Button-Step-1-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d3\/Make-a-HTML-Link-Button-Step-1-Version-3.jpg\/v4-728px-Make-a-HTML-Link-Button-Step-1-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  2. Step 2 Adicione o seguinte código à área onde você deseja que o botão apareça.
    {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/94\/Make-a-HTML-Link-Button-Step-2-Version-3.jpg\/v4-460px-Make-a-HTML-Link-Button-Step-2-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/94\/Make-a-HTML-Link-Button-Step-2-Version-3.jpg\/v4-728px-Make-a-HTML-Link-Button-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}


    <form method="get" action=" http://pt.wikihow.com/P%C3%A1gina-principal"><button type="submit">Página Inicial</button></form>
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/57\/Make-a-HTML-Link-Button-Step-3-Version-3.jpg\/v4-460px-Make-a-HTML-Link-Button-Step-3-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/57\/Make-a-HTML-Link-Button-Step-3-Version-3.jpg\/v4-728px-Make-a-HTML-Link-Button-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Atualmente, o código aponta para a página inicial do wikiHow. Substitua-o pela URL da página que você deseja redirecionar.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a6\/Make-a-HTML-Link-Button-Step-4-Version-3.jpg\/v4-460px-Make-a-HTML-Link-Button-Step-4-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a6\/Make-a-HTML-Link-Button-Step-4-Version-3.jpg\/v4-728px-Make-a-HTML-Link-Button-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Atualmente, o botão diz "Página Inicial". Você pode alterar o nome e inserir o que desejar.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/94\/Make-a-HTML-Link-Button-Step-5-Version-3.jpg\/v4-460px-Make-a-HTML-Link-Button-Step-5-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/94\/Make-a-HTML-Link-Button-Step-5-Version-3.jpg\/v4-728px-Make-a-HTML-Link-Button-Step-5-Version-3.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Clique com o botão esquerdo do mouse no link para verificar se ele funciona. Se funcionar, então não é preciso fazer mais nada. Caso contrário, você deve procurar por erros no seu código e corrigi-los.
    Publicidade

Materiais Necessários

  • Editor de texto.

WikiHows Relacionados

Como
Converter Números Binários em Decimais
Como
Converter de Decimal para Binário
Como
Formatar Texto como Código no Discord
Como
Executar um Arquivo HTML
Como
Executar um Programa a Partir da Linha de Comando do Linux
Como
Desligar um Computador Usando o Bloco de Notas
Como
Executar um Arquivo HTML no Visual Studio Code
Como
Fazer um Programa Usando o Bloco de Notas
Como
Compilar e Executar um Programa Java Usando o Prompt de Comando
Como
Fazer um Arquivo Exe
Como
Usar o Notepad++
Como Comentar em Várias Linhas no Python: Formatação e Atalhos
Como
Verificar a versão do Python no Windows ou Mac
Como
Criar uma Fonte
Publicidade

Sobre este guia wikiHow

Em outras línguas
Esta página foi acessada 85 131 vezes.

Este artigo foi útil?

Publicidade