Oi Igor, tudo bem?
É muito legal ver que você já tá colocando a mão na massa e testando suas próprias soluções. Essa curiosidade sobre qual tag escolher é o que diferencia quem realmente entende a estrutura da página.
A escolha entre <a> (âncora) e <button> (botão) depende da ação que o elemento realiza:
- Tag
<a> (Link): É usada quando você quer levar a pessoa para outro lugar, seja uma página externa (como o seu Instagram) ou uma seção diferente dentro do mesmo site. No seu caso, como o objetivo é direcionar para o seu perfil social, a tag de link é a mais adequada. - Tag
<button> (Botão): Geralmente é usada para ações dentro da página, como enviar um formulário, abrir um menu lateral ou confirmar uma inscrição. Ela não costuma navegar para outra URL por padrão.
Por que o instrutor usou <button>?
Muitas vezes, em exercícios de layout ou design (como os do Figma), o instrutor utiliza a tag <button> pra que você aprenda a estilizar o elemento visualmente como um botão. Mas, para redes sociais, o comportamento de link (<a>) é o mais usado para a acessibilidade e para o funcionamento esperado pelos navegadores.
Algumas observações no seu código:
Percebi alguns detalhes importantes na estrutura que você montou:
- Localização do conteúdo: Tags como
<h1>, <p>, <a> e <img> devem ficar sempre dentro do <body>. O <head> serve apenas para informações de configuração (como o charset e o title). - Organização: Colocando o conteúdo no corpo da página, o navegador consegue exibir os elementos corretamente.
Ex:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfólio do Igor</title>
</head>
<body>
<main>
<h1><strong>Prazer, sou Igor</strong></h1>
<p>Exercício da Alura</p>
<a href="https://www.instagram.com/igor_chamarelli_">Instagram</a>
<a href="https://github.com/seu-usuario">GitHub</a>
<img src="logo-horizontal-chamarellis 2-8.png" alt="Marca Chamarellis">
</main>
</body>
</html>
Continue praticando.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!
