Episódio 01
HTML moderno: fundamentos e como a Web é estruturada
Entenda o papel do HTML na Web, a diferença entre marcação, estilo e comportamento e como começar com uma base semântica e acessível.
Ler episódioSérie editorial
HTML moderno: estrutura, semântica e acessibilidade
HTML semântico, acessível e moderno do básico aos componentes.
Uma trilha prática de HTML moderno cobrindo estrutura, semântica, acessibilidade, formulários, mídia, tabelas e APIs nativas.
Concluída · 17 episódios
Começar pelo episódio 1
Sumário da série · 17 episódios
- HTML moderno: fundamentos e como a Web é estruturada
- Seu primeiro documento HTML: do arquivo ao navegador
- Elementos e sintaxe HTML: tags, conteúdo e aninhamento
- Atributos HTML: propriedades, valores e boas práticas
- Cabeçalhos HTML: hierarquia clara para pessoas e buscadores
- Parágrafos HTML: texto, quebras e conteúdo pré-formatado
- Links HTML: navegação acessível, URLs e segurança
- Semântica de texto HTML: ênfase, citações e código
- CSS no HTML: como conectar estrutura e apresentação
- Imagens responsivas em HTML: desempenho e acessibilidade
- Tabelas HTML acessíveis: estrutura para dados
- Listas HTML: ul, ol, dl e estruturas aninhadas
- Formulários HTML acessíveis: campos, rótulos e validação
- Iframes em HTML: incorporação segura e acessível
- Atributos globais HTML: idioma, dados, foco e identidade
- Referência de elementos HTML: guia atual e semântico
- HTML moderno sem frameworks: dialog, details e Popover API na prática
Encontrar um episódio
17 episódios encontrados.
Nenhum episódio encontrado. Tente outro termo ou limpe a busca.
Episódio 02
Seu primeiro documento HTML: do arquivo ao navegador
Crie um documento HTML completo, entenda head e body, configure idioma e viewport e valide o resultado no navegador.
Ler episódio
Episódio 03
Elementos e sintaxe HTML: tags, conteúdo e aninhamento
Aprenda a escrever elementos HTML corretamente, aninhar conteúdo, reconhecer elementos vazios e evitar erros comuns de sintaxe.
Ler episódio
Episódio 04
Atributos HTML: propriedades, valores e boas práticas
Entenda como atributos configuram elementos HTML, quando usar valores, atributos booleanos e alternativas semânticas mais seguras.
Ler episódio
Episódio 05
Cabeçalhos HTML: hierarquia clara para pessoas e buscadores
Use h1 a h6 para criar uma hierarquia lógica, melhorar a leitura e facilitar a navegação por tecnologias assistivas.
Ler episódio
Episódio 06
Parágrafos HTML: texto, quebras e conteúdo pré-formatado
Estruture textos com p, use br e hr com propósito e saiba quando pre e code são as escolhas semânticas corretas.
Ler episódio
Episódio 07
Links HTML: navegação acessível, URLs e segurança
Crie links claros e acessíveis, escolha URLs relativas ou absolutas, use âncoras e downloads e abra novas abas com responsabilidade.
Ler episódio
Episódio 08
Semântica de texto HTML: ênfase, citações e código
Marque importância, ênfase, citações, abreviações e código pelo significado — e deixe a aparência para o CSS.
Ler episódio
Episódio 09
CSS no HTML: como conectar estrutura e apresentação
Aprenda as três formas de aplicar CSS, priorize folhas externas e entenda cascata, escopo e manutenção sem misturar conteúdo e aparência.
Ler episódio
Episódio 10
Imagens responsivas em HTML: desempenho e acessibilidade
Use alt, width e height, srcset, sizes e picture para entregar imagens acessíveis, responsivas e rápidas em diferentes telas.
Ler episódio
Episódio 11
Tabelas HTML acessíveis: estrutura para dados
Crie tabelas semânticas com caption, thead, tbody, th e scope e adapte a visualização a telas pequenas sem perder contexto.
Ler episódio
Episódio 12
Listas HTML: ul, ol, dl e estruturas aninhadas
Escolha entre listas não ordenadas, ordenadas e de descrição, crie hierarquias válidas e preserve a semântica ao estilizar.
Ler episódio
Episódio 13
Formulários HTML acessíveis: campos, rótulos e validação
Construa formulários com labels associados, tipos de campo corretos, agrupamentos, autocomplete e mensagens de erro compreensíveis.
Ler episódio
Episódio 14
Iframes em HTML: incorporação segura e acessível
Incorpore vídeos, mapas e documentos com title, lazy loading, sandbox e permissões mínimas, sem prejudicar segurança ou desempenho.
Ler episódio
Episódio 15
Atributos globais HTML: idioma, dados, foco e identidade
Conheça os atributos que podem ser usados na maioria dos elementos e aplique id, class, lang, data-*, hidden e tabindex com segurança.
Ler episódio
Episódio 16
Referência de elementos HTML: guia atual e semântico
Consulte os principais elementos HTML organizados por função, saiba o que evitar e escolha a marcação correta para cada tipo de conteúdo.
Ler episódioEpisódio 17
HTML moderno sem frameworks: dialog, details e Popover API na prática
Aprenda a criar modais, áreas expansíveis e popovers com recursos nativos do HTML, menos JavaScript e uma base acessível.
Ler episódio