Encontre seu ponto de partida
Comece com os bloquinhos ou faça o diagnóstico de nove questões para encontrar uma lição na trilha.
OFICINA HTML5 · DESENVOLVIMENTO WEB I
Do primeiro <html>
Do primeiro <html>
à fluência.
Comece com um único caractere. Treine em bloquinhos de 10 exercícios e avance até escrever e revisar a página da Feira do Bairro.
<!doctype html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<title>Minha primeira página</title>
</head>
<body>
<h1>Olá, web!</h1>
</body>
</html>UTF-8HTML Living Standard
09Níveis progressivos
45Lições com prática
0/45Lições concluídas
01Projeto integrador
00 / ANTES DA PRIMEIRA LIÇÃO
Seu primeiro exercício cabe em um caractere.
Veja o modelo, preencha a lacuna e repita o mesmo movimento com pequenas variações. Comece copiando <. Continue com tags, atributos e formulários. Nas três microetapas finais, pratique a marcação que você usará para construir a Feira do Bairro, o projeto integrador do nível 9.
45 microetapas
1.422 exercícios
10 por bloquinho
EXEMPLO · A00
Qual caractere está faltando?
Modelo: <
Copie: _
Digite <. Esse é o primeiro passo.
01 / TRILHA DE ESTUDO
Uma habilidade de cada vez
Combine os bloquinhos com o editor para montar páginas completas. Se você já escreve HTML, o diagnóstico sugere uma lição para começar.
02 / MÉTODO
Leia, escreva, verifique
Pratique em sessões curtas e volte aos pontos que ainda exigem consulta.
Experimente no navegador
Leia o conceito, inspecione o exemplo e resolva um desafio no editor. Compare o resultado com a lista de verificação.
Demonstre o que aprendeu
Conclua cada lição passando pelas verificações do código e acertando a questão. No projeto final, faça também uma auditoria manual.
03 / REFERÊNCIAS
Consulte a fonte
“HTML5” é o nome pelo qual muita gente conhece o HTML moderno. O padrão evolui continuamente no HTML Living Standard.
WHATWG
Especificação de elementos, atributos, sintaxe e comportamento do navegador.
Ler o HTML Living Standard ↗MDN Web Docs
Guias e exemplos para consultar enquanto você escreve.
Consultar a documentação HTML ↗Nu HTML Checker
Verificador de conformidade para complementar os testes de cada exercício.
Abrir o validador ↗