Lista de exercícios: Portfólio | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

<!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>Portfolio</title> </head> <body> <header></header> <main> <h1>Eleve seu negócio digital a outro nível<strong> com um Front-end de qualidade!</strong></h1> <p> Olá! Sou Fátima Dias Viana, estudante da Alura buscando conhecimento em React, HTML , CSS, JavaScript e outros. </p> <p>Vou estudar, praticar, discutir e me aprofundar nos conteúdos fazendo o uso de uma plataforma que respira tecnologia.</p> <a href="https://instagram.com/fatimadiasviana">Instagram</a> <a href="https://github.com/diasviana">GitHub</a> <img src="eu.jpg" alt="Foto Fátima Dias Viana"> </main> <footer></footer> </body> </html>

Oi, Fátima! Como vai?

Obrigada por compartilhar seu código com a comunidade Alura!

Gostei de como você estruturou o HTML do seu portfólio, usando tags semânticas como <header>, <main> e <footer>. Isso melhora a acessibilidade e a organização do código.

Se quiser aprimorar ainda mais seu HTML, você pode adicionar a tag <nav> para organizar os links de forma mais estruturada. Veja este exemplo:

<nav>
    <ul>
        <li><a href="https://instagram.com/fatimadiasviana">Instagram</a></li>
        <li><a href="https://github.com/diasviana">GitHub</a></li>
    </ul>
</nav>

Isso ajudará na semântica do seu portfólio e na navegação do usuário.

Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!

Garanta sua matrícula hoje e ganhe + 2 meses grátis