Entrar Ainda não tem acesso?
1
resposta

Construindo a estrutura HTML do portfólio

Referente ao curso HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags, no capítulo Layout e tags semânticas e atividade Lista de exercícios

por PAULO HENRIQUE DA SILVA
| 27k xp | 16 posts
<!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
por Mike de Sousa
| 1450.7k xp | 2636 posts
Alura Scuba Team Suporte Educacional

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 :)