Visão geral
Objetivo do módulo
O objetivo deste módulo é fazer o HTML deixar de ser apenas código copiado e virar domínio real: estrutura, significado, acessibilidade, organização, leitura profissional e base sólida para CSS e JavaScript.
Mentalidade
Como estudar este módulo
Cada aula deve gerar entendimento, exemplo, exercício, revisão, desafio, registro de progresso e evidência publicada.
- Não copiar sem entender.
- Explicar cada tag com suas palavras.
- Praticar em página real.
- Revisar sem consulta.
- Transformar estudo em evidência.
Regra do módulo
HTML antes de ferramenta
Antes de avançar para CSS pesado, JavaScript ou frameworks, o HTML precisa estar firme: estrutura, semântica, acessibilidade e organização de arquivos.
- Dominar estrutura base.
- Dominar hierarquia de títulos.
- Dominar textos, listas, links e imagens.
- Dominar caminhos entre pastas.
- Dominar formulários e tabelas depois.
Mapa do módulo
Aulas do HTML5 Mestre dos Mestres
Esta é a primeira organização do módulo. As próximas aulas serão adicionadas com calma, no padrão da Sala de Aula Mestre.
Aula 01 — Fundamentos do HTML5
Aula 02 — Estrutura Semântica Profissional
Aula 03 — Textos, Listas, Links e Imagens
Aula 04 — Caminhos, Pastas e Links Internos
Aula 05 — Formulários HTML5
Aula 06 — Tabelas, Mídias e Organização
Domínio esperado
Ao final do módulo
- Criar páginas HTML5 do zero.
- Organizar conteúdo com semântica.
- Usar links internos e externos corretamente.
- Usar imagens com acessibilidade básica.
- Entender caminhos entre arquivos e pastas.
- Criar formulários organizados.
- Explicar HTML em entrevista técnica.
Próxima ação
Começar pela Aula 01
O primeiro passo é consolidar a visão correta: HTML5 é estrutura, significado e base profissional da página.
Aula Suprema disponível
Aula 02 — História e versões do HTML
A segunda aula do módulo HTML5 Mestre dos Mestres já está disponível em versão suprema, com evolução histórica, HTML5, desafio de linha do tempo, diagnóstico, GitHub, SEO e acessibilidade.
Abrir Aula 02 SupremaAula Suprema disponível
Aula 03 — Como o HTML é usado na Web
A terceira aula do módulo HTML5 Mestre dos Mestres já está disponível em versão suprema, com request, response, navegador, servidor, DOM, renderização, DevTools, GitHub, SEO e acessibilidade.
Abrir Aula 03 SupremaAula Suprema disponível
Aula 04 — Editores, Navegadores e Hello World
A quarta aula do módulo HTML5 Mestre dos Mestres já está disponível em versão suprema, com VS Code, navegador, Hello World, estrutura HTML5, DevTools, GitHub, SEO e acessibilidade.
Abrir Aula 04 SupremaAula Suprema disponível
Aula 05 — Doctype HTML5
A quinta aula do módulo HTML5 Mestre dos Mestres já está disponível em versão suprema, com Doctype, Standards Mode, Quirks Mode, estrutura base, GitHub, SEO e acessibilidade.
Abrir Aula 05 SupremaAula Suprema disponível
Aula 06 — HTML, Head e Body
A sexta aula do módulo HTML5 Mestre dos Mestres já está disponível em versão suprema, com html como raiz, head como metadados, body como conteúdo visível, DOM, acessibilidade e SEO.
Abrir Aula 06 SupremaAula Suprema disponível
Aula 07 — Estrutura Profissional de uma Página
A sétima aula do módulo HTML5 Mestre dos Mestres já está disponível em versão suprema, com header, nav, main, section, article, aside, footer, arquitetura de informação, SEO e acessibilidade.
Abrir Aula 07 SupremaAula Suprema disponível
Aula 08 — Títulos, Parágrafos e Quebras de Linha
A oitava aula do módulo HTML5 Mestre dos Mestres já está disponível em versão suprema, com h1 a h6, parágrafos, br, hierarquia textual, acessibilidade e SEO.
Abrir Aula 08 SupremaAula Suprema disponível
Aula 09 — Negrito, Itálico, Sublinhado e Texto Marcado
A nona aula do módulo HTML5 Mestre dos Mestres já está disponível em versão suprema, com strong, b, em, i, mark, u, del, ins, ênfase semântica, acessibilidade e SEO.
Abrir Aula 09 SupremaAula Suprema disponível
Aula 10 — Listas Ordenadas, Não Ordenadas e de Definição
A décima aula do módulo HTML5 Mestre dos Mestres já está disponível em versão suprema, com ul, ol, li, dl, dt, dd, listas aninhadas, acessibilidade, SEO e portfólio.
Abrir Aula 10 SupremaAula Suprema disponível
Aula 11 — Div e Span
A décima primeira aula do módulo HTML5 Mestre dos Mestres já está disponível em versão suprema, com elementos genéricos, bloco, inline, divite, CSS, JavaScript, acessibilidade e SEO.
Abrir Aula 11 SupremaAula Suprema disponível
Aula 12 — Desafio: Post de Blog HTML
A décima segunda aula do módulo HTML5 Mestre dos Mestres já está disponível em versão suprema, integrando article, sections, listas, ênfase textual, div, span, aside, navegação interna, GitHub e portfólio.
Abrir Aula 12 SupremaAula Suprema disponível
Aula 13 — Atributos HTML
A décima terceira aula do módulo HTML5 Mestre dos Mestres já está disponível em versão suprema, com id, class, atributos globais, data-*, hidden, lang, title, acessibilidade, SEO, CSS, JavaScript e portfólio.
Abrir Aula 13 SupremaAula Suprema disponível
Aula 14 — Atributos para Imagens e Links
A décima quarta aula do módulo HTML5 Mestre dos Mestres já está disponível em versão suprema, com href, target, rel, src, alt, width, height, caminhos relativos, absolutos, acessibilidade, SEO e segurança.
Abrir Aula 14 SupremaAula Suprema disponível
Aula 15 — Criando Hiperlinks
A décima quinta aula do módulo HTML5 Mestre dos Mestres já está disponível em versão suprema, com tag a, href, links internos, externos, mailto, tel, download, âncoras, navegação, acessibilidade, SEO e segurança.
Abrir Aula 15 SupremaAula Suprema disponível
Aula 16 — Links para Seções na Mesma Página
A décima sexta aula do módulo HTML5 Mestre dos Mestres já está disponível em versão suprema, com id, href com #, sumário interno, voltar ao topo, âncoras, UX, SEO e acessibilidade.
Abrir Aula 16 SupremaAula Suprema disponível
Aula 17 — Links para Outros Documentos e Sites
A décima sétima aula do módulo HTML5 Mestre dos Mestres já está disponível em versão suprema, com caminhos relativos, absolutos, PDFs, imagens, ZIP, download, deep links, segurança e acessibilidade.
Abrir Aula 17 SupremaAula Suprema disponível
Aula 18 — Inserindo Imagens
Domine img, src, alt, width, height, formatos de imagem, acessibilidade, SEO e performance.
Abrir Aula 18 SupremaAula Suprema disponível
Aula 19 — Galeria de Imagens
Galeria profissional com figure, figcaption, img, alt, miniaturas, imagens ampliadas, categorias, acessibilidade, SEO e portfólio.
Abrir Aula 19 SupremaAula Suprema disponível
Aula 20 — Tabelas em HTML
Tabelas profissionais com table, tr, td, th, caption, thead, tbody, tfoot, scope, acessibilidade, SEO e dados tabulares.
Abrir Aula 20 SupremaAula Suprema disponível
Aula 21 — Linhas, Colunas e Células
Geometria lógica das tabelas com tr, td, th, colspan, rowspan, scope, registros, categorias, valores, acessibilidade e dados tabulares.
Abrir Aula 21 SupremaAula Suprema disponível
Aula 22 — Mesclagem de Células
Mesclagem profissional em tabelas HTML com colspan, rowspan, relatórios, agendas, agrupamentos, acessibilidade e geometria de dados.
Abrir Aula 22 SupremaAula Suprema disponível
Aula 23 — Criando Formulários
Formulários profissionais com form, action, method, GET, POST, label, input, id, name, fieldset, legend, textarea, select, required e acessibilidade.
Abrir Aula 23 SupremaAula Suprema disponível
Aula 24 — Campos de Entrada
Inputs avançados com text, email, password, search, number, date, time, tel, url, checkbox, radio, file, range, color, validação nativa e acessibilidade.
Abrir Aula 24 SupremaAula Suprema disponível
Aula 25 — Textarea e Select
Textarea e select em HTML com rows, cols, maxlength, option, value, selected, disabled, multiple, optgroup, acessibilidade e qualidade dos dados.
Abrir Aula 25 SupremaAula Suprema disponível
Aula 26 — Submit e Action
Fluxo de envio em formulários HTML com submit, action, method, GET, POST, name, value, validação nativa, botões e preparação para backend.
Abrir Aula 26 SupremaAula Suprema disponível
Aula 27 — Desafio Final: Tabelas e Formulários
Painel administrativo HTML integrando formulário, tabela, semântica, acessibilidade, coleta de dados, relatório tabular e simulação de sistema real.
Abrir Aula 27 SupremaAula Suprema disponível
Aula 28 — HTML Semântico
HTML semântico com header, nav, main, section, article, aside, footer, landmarks, acessibilidade, SEO, manutenção e estrutura profissional.
Abrir Aula 28 SupremaAula Suprema disponível
Aula 29 — Figure e Figcaption
Mídia semântica com figure, figcaption, alt, imagens, gráficos, diagramas, blocos de código, tabelas demonstrativas, vídeo, acessibilidade e SEO.
Abrir Aula 29 SupremaAula Suprema disponível
Aula 30 — ARIA
Acessibilidade avançada com ARIA, role, aria-label, aria-labelledby, aria-describedby, aria-hidden, aria-expanded, aria-controls, aria-live e aria-current.
Abrir Aula 30 SupremaAula Suprema disponível
Aula 31 — Melhores Práticas de Acessibilidade
Acessibilidade web com semântica, skip link, teclado, foco visível, contraste, alt, labels, tabelas acessíveis, mensagens claras e auditoria manual.
Abrir Aula 31 SupremaAula Suprema disponível
Aula 32 — Áudio em HTML
Áudio nativo com audio, controls, src, source, type, fallback, MP3, OGG, WAV, preload, autoplay, muted, loop, transcrição e podcast acessível.
Abrir Aula 32 SupremaAula Suprema disponível
Aula 33 — Vídeo em HTML
Vídeo nativo com video, controls, source, MP4, WebM, poster, preload, autoplay, muted, loop, playsinline, track, legendas e transcrição.
Abrir Aula 33 SupremaAula Suprema disponível
Aula 34 — Iframes
Conteúdo incorporado com iframe, src, title, width, height, fallback, vídeo externo, mapa, documento, sandbox, allow, loading lazy, referrerpolicy e acessibilidade.
Abrir Aula 34 SupremaAula Suprema disponível
Aula 35 — Canvas e SVG
Gráficos nativos com Canvas, SVG, pixels, vetores, getContext, viewBox, circle, rect, line, path, text, fallback, acessibilidade e escolha técnica correta.
Abrir Aula 35 SupremaAula Suprema disponível
Aula 36 — Geolocalização
Geolocation API com navigator.geolocation, getCurrentPosition, watchPosition, clearWatch, latitude, longitude, accuracy, privacidade e consentimento.
Abrir Aula 36 SupremaAula Suprema disponível
Aula 37 — JavaScript no HTML
Integração profissional com script, src, defer, async, type module, querySelector, addEventListener, textContent, classList, preventDefault, aria-live e DevTools.
Abrir Aula 37 SupremaAula Suprema disponível
Aula 38 — Meta Tags
Head profissional com charset, viewport, title, meta description, author, robots, canonical, Open Graph, Twitter Cards, SEO técnico e compartilhamento social.
Abrir Aula 38 SupremaAula Suprema disponível
Aula 39 — Schema.org e Dados Estruturados
SEO técnico com Schema.org, JSON-LD, WebPage, Article, Course, BreadcrumbList, @context, @type, URLs absolutas, datas ISO, rich results e validação.
Abrir Aula 39 SupremaAula Suprema disponível
Aula 40 — Boas Práticas e Publicação
Fechamento oficial do módulo HTML5 com semântica, acessibilidade, SEO, performance, organização, validação, GitHub, publicação e projeto final publicável.
Abrir Aula 40 Suprema