Tags apresentadas:
  1. <header> : Define o cabeçalho da página.
  2. <nav> : Define uma seção de navegação.
  3. <main> : Define o conteúdo principal da página.
  4. <section> : Define uma seção temática da página.
  5. <article> : Define um conteúdo independente e completo dentro de uma página.
  6. <aside> : Define um conteúdo relacionado que pode ser considerado como um "sidebar" ou uma informação complementar.
  7. <footer> : Define o rodapé da página.
  8. <address> : Define informações de contato.
Código da aula: 
<!DOCTYPE html>
<html lang="pt-BR">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tags Semânticas do HTML5</title>
</head>

<body>
    <header>
        <h1>Tags Semânticas</h1>

        <nav>
            <ul>
                <li><a href="#inicio">Início</a></li>
                <li><a href="#sobre">Sobre</a></li>
                <li><a href="#contato">Contato</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section id="inicio">
            <h2>Início</h2>
            <p>Bem-vindo à nossa página de exemplo!</p>
        </section>

        <section id="sobre">
            <h2>Sobre</h2>
            <article>
                <h3>História</h3>
                <p>Aqui contamos a história da nossa empresa.</p>
            </article>
            <article>
                <h3>Missão</h3>
                <p>Nossa missão é fornecer produtos de qualidade para nossos clientes.</p>
            </article>
        </section>

        <section id="contato">
            <h2>Contato</h2>
            <address>
                <p>Entre em contato conosco:</p>
                <p>Endereço: Rua das Flores, 123</p>
                <p>Email: [email protected]</p>
                <p>Telefone: (11) 1234-5678</p>
            </address>
        </section>
    </main>

    <footer>
        <p>&copy; 2023 OneBitCode - Tags Semânticas</p>
    </footer>
</body>

</html>