O principal problema relacionado ao botão HTML href é que pode ser difícil estilizar o botão de uma maneira que pareça consistente em diferentes navegadores. Além disso, ao usar uma tag âncora com um atributo href, o link abrirá na mesma janela por padrão, o que pode não ser desejável para determinados tipos de links. Finalmente, se o atributo href não estiver configurado corretamente, clicar no botão pode resultar em uma página de erro.
<button><a href="">Click Here</a></button>
1. Esta linha de código cria um elemento de botão em HTML.
2. Dentro do elemento de botão, há uma tag âncora com um atributo href vazio.
3. A tag âncora contém o texto “Clique aqui”.
Definição de HREF
HREF significa Referência de Hipertexto e é um atributo HTML usado para definir um hiperlink. Ele é usado para vincular uma página a outra, no mesmo site ou em um site diferente. O atributo HREF especifica o destino do link e pode ser usado com outros elementos HTML como , e
Posso usar HREF no botão HTML
Não, não é possível usar um atributo href em um elemento de botão em HTML. O elemento de botão não suporta o atributo href. No entanto, você pode usar JavaScript para adicionar um ouvinte de evento de clique ao botão que levará o usuário a uma página diferente quando clicado.
Como você estiliza um href como um botão
Para estilizar uma tag âncora como um botão em HTML, você pode usar o seguinte código:
Em seguida, adicione o seguinte CSS à sua folha de estilo:
.botão {
cor de fundo: #4CAF50; /* Verde */
fronteira: nenhuma;
cor branca;
padding: 15px 32px;
text-align: center;
text-decoration: nenhum;
exibição: bloco em linha; tamanho da fonte: 16px; margem: 4px 2px; cursor: ponteiro;}
