Como criar um botão HTML que atua como um link

Às vezes, você pode querer usar um botão para criar um link para outra página ou site, em vez de enviar um formulário ou algo parecido. Isso é bastante simples de fazer e pode ser feito de várias maneiras.

Uma maneira é simplesmente envolver sua tag em uma tag:

Link To freeCodeCamp

Isso transforma todo o seu botão em um link.

Uma segunda opção é criar seu link como faria normalmente com sua tag e estilizá-lo via CSS:

Link To freeCodeCamp

Depois de criar seu link, você pode usar CSS para torná-lo semelhante a um botão. Por exemplo, você pode adicionar uma borda, uma cor de fundo, alguns estilos para quando o usuário estiver passando o mouse sobre o link ...

Outra maneira de adicionar um botão é envolver as tags inputinternas form. Especifique o URL de destino desejado no atributo de ação do formulário.

Mais Informações:

  • Guia freeCodeCamp - botões de estilo
  • Guia freeCodeCamp - como usar links
  • Como criar um botão HTML que funciona como um link?