<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfólio do Paulo</title>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#sobre">Sobre</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
</nav>
</header>
<main>
<h1>Portfólio de <strong>Paulo</strong></h1>
<h2>Bem-vindo ao meu portfólio</h2>
<p>Olá! Sou Paulo, um desenvolvedor apaixonado por criar soluções inovadoras. Aqui você encontrará alguns dos
meus projetos.</p>
<div>
<button><a href="https://www.instagram.com/phds1983" target="_blank">Instagram</a></button>
<button><a href="https://www.github.com/PauloHsilva83" target="_blank">Github</a></button>
</div>
<div>
<img src="caminho/para/naoTemImagen.jpg" alt="Imagemqualquer">
</div>
</main>
<footer>
<p>Contato: phds1983@gmail.com</p>
<p>© 2025 Portfólio de Paulo. Todos os direitos reservados.</p>
</footer>
</body>
</html>
1
resposta
resposta
Construindo a estrutura HTML do portfólio
Olá, Paulo, como vai?
Seu código HTML está bem estruturado e segue boas práticas, como o uso de tags semânticas (header, main, footer) e a inclusão de atributos importantes como alt na imagem e target="_blank" nos links. Isso contribui para a acessibilidade e usabilidade do seu portfólio.
Uma sugestão é remover a tag <button> que envolvem as tags <a> nos links do Instagram e GitHub, já que você está utilizando links e não ações de botão. Por exemplo:
<a href="https://www.instagram.com/phds1983" target="_blank">Instagram</a>
<a href="https://www.github.com/PauloHsilva83" target="_blank">Github</a>
Continue compartilhando seus exercícios.
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)