Capítulo 19: O Grande Projeto (P1 - Estrutura) 📜🏰

Neste capítulo, você começará o seu projeto final! O desafio é criar a estrutura HTML completa de uma página de um jogo (ou guilda), usando tudo o que aprendeu!

🏢 O Cenário Prático (Seu Desafio)

Você foi contratado para criar o site oficial de uma nova guilda de aventureiros. Neste primeiro capítulo do projeto, você deve focar apenas na Estrutura (HTML)!

📖 O que deve conter no seu HTML:

Header: Com o título da guilda e um menu de navegação (<nav>) com 3 links.
Main:
- Uma <section> de “Sobre Nós” com texto.
- Uma <section> com uma tabela de membros (Nome, Classe).
- Uma <section> com um formulário de alistamento (Nome, Email).
Footer: Com direitos autorais.

🛠️ Prática Obrigatória: Crie a Estrutura

Crie um arquivo chamado guilda.html e preencha com a estrutura semântica e os conteúdos acima! Não se preocupe com o estilo ainda.

🔑 Gabarito de Código (Exemplo de como deve ficar)

`guilda.html`

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>Guilda dos Programadores</title>
</head>
<body>
    <header>
        <h1>⚔️ Guilda CodeQuest</h1>
        <nav>
            <a href="#">Início</a> | <a href="#">Membros</a> | <a href="#">Alistar</a>
        </nav>
    </header>
 
    <main>
        <section>
            <h2>Sobre a Guilda</h2>
            <p>Somos uma guilda focada em dominar as linguagens da web!</p>
        </section>
 
        <section>
            <h2>Membros Lendários</h2>
            <table border="1">
                <tr><th>Nome</th><th>Classe</th></tr>
                <tr><td>Aragorn</td><td>Full Stack</td></tr>
                <tr><td>Legolas</td><td>Front-End</td></tr>
            </table>
        </section>
 
        <section>
            <h2>Aliste-se</h2>
            <form>
                <label>Nome:</label> <input type="text"><br>
                <input type="submit" value="Enviar">
            </form>
        </section>
    </main>
 
    <footer>
        <p>&copy; 2026 CodeQuest.</p>
    </footer>
</body>
</html>

📤 Instruções de Entrega (GitHub Desktop + Microsoft Teams)

Faça o Commit: No GitHub Desktop, digite a mensagem (ex: Finaliza Capítulo X) e clique em Commit to main.
Envie para a Nuvem (Push): Clique em Push origin.
⚠️ IMPORTANTE: Seu repositório DEVE SER PÚBLICO.
No Microsoft Teams:
- Copie o link do seu repositório.
- Cole na tarefa correspondente no Teams.
- Clique em Entregar.

← Capitulo Anterior | Proximo Capitulo →

Explorador

DS & II

capitulo_19_projeto_p1