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

<!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Portifolio</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ábio Auriani, desenvolvedor Front-end com especialidade em React, HTML e CSS. Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</p> <a href="https://instagram.com/fauriani">Instagram</a> <a href="https://github.com/fabioauriani">GitHub</a> <img src="imagens/Programador.webp" alt="programador"> </main> <footer></footer> </body> </html>

Oi, Fabio! Como vai?

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

Gostei da forma como você organizou a estrutura semântica da sua página, especialmente com o uso do <main>, <header> e <footer>. Isso melhora a acessibilidade e SEO do seu site.

Uma dica interessante: você pode adicionar um atributo target="_blank" nos links para que eles abram em uma nova aba, sem tirar o usuário da sua página. Veja este exemplo:

<a href="https://instagram.com/fauriani" target="_blank">Instagram</a>
<a href="https://github.com/fabioauriani" target="_blank">GitHub</a>

Isso garante que o visitante continue navegando no seu portfólio enquanto acessa suas redes.

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