Olá, Thiago, como vai?
Quando falamos em "botões" que levam a outras páginas ou sites, como é o caso dos links para Instagram e GitHub, o mais apropriado é usar a tag <a>
, pois ela é semanticamente indicada para navegação.
A tag <button>
é mais usada em situações onde há uma interação dentro da própria página, como em formulários, envio de dados ou ações que envolvem JavaScript. Já a <a>
pode ser estilizada com CSS para parecer um botão, e isso é o que normalmente se faz nesse tipo de layout. Por exemplo:
<a href="https://instagram.com/seuusuario" target="_blank" class="botao">Instagram</a>
<a href="https://github.com/seuusuario" target="_blank" class="botao">GitHub</a>
A classe botao pode ser usada para aplicar o estilo visual que deixa o link com aparência de botão. Assim, você une a funcionalidade correta com o visual desejado.
Espero ter ajudado.
Siga firme nos seus estudos e conte com o fórum sempre que precisar.
Abraços :)
Caso este post tenha lhe ajudado, por favor, marcar como solucionado