[Exercícios] Layout e tags semânticas | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

GitHub: https://github.com/Alekzinho/Exercicios-Layout-e-tags-semanticas

1) Construindo a estrutura HTML do portfólio

<!DOCTYPE html>
<html>
<head>
    <title>Portfólio</title>
</head>
<body>
    <h1>Portfólio</h1>
    <h2>Alex Olmedo</h2>
    <p>Olá! Estou buscando feedback sobre meu trabalho em programação. Poderia dar uma olhada e me ajudar a melhorar?</p>
    <a href="https://www.instagram.com/alekin_dev/#">Instagram</a> <a href="https://github.com/Alekzinho">Github</a>
    <img src="eu-estudando-gemini.jpg" alt="Uma foto minha programando (gerado pelo Gemini)">
</body>
</html>

2) Estruturando a página com tags semânticas

<body>
    <header>
        <h1>Portfólio</h1>
    </header>
    <main>
        <h2>Alex Olmedo</h2>
        <p>Olá! Estou buscando feedback sobre meu trabalho em programação. Poderia dar uma olhada e me ajudar a melhorar?</p>
        <a href="https://www.instagram.com/alekin_dev/#">Instagram</a> <a href="https://github.com/Alekzinho">Github</a>
        <img src="eu-estudando-gemini.jpg" alt="Uma foto minha programando (gerado pelo Gemini)">
    </main>
    <footer>
         <h3>Contato</h3>
        <span>+55 (53) 9 99999999</span>
        <span>alexolmedo@gmail.com</span>
    </footer>
</body>

3) Entendendo e aplicando as tags meta

<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portfólio de Alex Olmedo</title>
</head>

4) Inserindo e formatando elementos no HTML

<main>
        <h2> Olá, sou o <strong>Alex Olmedo</strong></h2>
        <p>Estou estudando programação através da plataforma da Alura, e estou disposto a ajudar e receber seu feedback!</p>
        <a href="https://www.instagram.com/alekin_dev/#">Instagram</a> <a href="https://github.com/Alekzinho">Github</a>
    </main>

5) Incorporando imagens com tags HTML

<img src="eu-estudando-gemini.jpg" alt="Uma foto minha programando (gerado pelo Gemini)">