Como Criar um Botão em HTML para um Link

PDF download Baixe em PDF
PDF download 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

PDF download 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
Executar um Programa a Partir da Linha de Comando do Linux
Como
Formatar Texto como Código no Discord
Como
Converter de Decimal para Binário
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
Fazer um Arquivo Exe
Como
Converter de Decimal para Hexadecimal
Como
Compilar e Executar um Programa Java Usando o Prompt de Comando
Como
Executar um Arquivo HTML
Como
Abrir um Arquivo PHP
Como
Começar a Programar em Python
Como
Usar o Notepad++
Publicidade

Sobre este guia wikiHow

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

Este artigo foi útil?

Publicidade