Roadmap HTML

👋 Boas vindas

▼

▼

▼

▼

1. Esqueleto da página HTML

❓ Problema 2.1

🔝 Início do Documento e Raiz da Página

🧠 O Cérebro do Projeto (Head)

👁️ O corpo visível (Body)

🧠 Atividade - Estrutura Inicial
2. Conteúdo visível inicial

❓ Problema 2.2

🔡 Organizando Títulos e Construindo Textos

📏 Separando Conteúdo

🧠 Atividade - Tags Principais
💻 Atividade Prática 1

📝 Enunciado Atividade Prática 1

🔑 Gabarito - Atividade Prática 1

▼

1. Listas e Organização

❓ Problema 3.1

🔢 Listando Conteúdos e Níveis

🧠 Atividade - Organizando conteúdos em listas
2. Links e Navegação

❓ Problema 3.2

🛤️ Criando Caminhos e Controlando Navegação

🧠 Atividade - Criando links e navegação
3. Imagens e Tabelas

❓ Problema 3.3

🖼️ Exibindo e redimensionando Imagens

📊 Organizando Dados (Tabelas)

🧠 Atividade - Imagens e tabelas básicas
💻 Atividade Prática 2

📝 Enunciado Atividade Prática 2

🔑 Gabarito - Atividade Prática 2

▼

1. Formulários Interativos

❓ Problema 4.1

🏗️ Estrutura do Formulário

🧠 Atividade - Estrutura do Formulário

⌨️ Variações de Entrada (Inputs)

🧠 Atividade - Variações de Entrada

🌟 Ajustando a Experiência (UX)

🧠 Atividade - Ajustando a Experiência
💻 Atividade Prática 3

📝 Enunciado Atividade Prática 3

🔑 Gabarito - Atividade Prática 3

▼

1. Semântica e Organização

❓ Problema 5.1

📦 Blocos de Organização

🧠 Atividade - Blocos de Organização

🖋️ Detalhes no Texto e Descrição de Imagens

🏗️ Topo (Header) e Base (Footer)

🧠 Atividade - Detalhes, Topo e base

✂️ Conteúdo em Partes (Section/Article)

🧠 Atividade - Conteúdo em partes

🧭 Navegação com a tag nav

🏁 Encerramento e Apoio
💻 Atividade Prática 4

📝 Enunciado Atividade Prática 4

🔑 Gabarito - Atividade Prática 4

▼