0Pricing
HTML Academy icon

HTML Academy

HTMLWebFrontendBeginner

Construa uma base sólida em desenvolvimento web aprendendo HTML na HTML Academy.

🤖 Com Inteligência Artificial📚 40 cursos👥 100.000+ alunos⭐ Classificação 4,9
Visão Geral do Curso

HTML: A Linguagem Por Trás de Cada Página Web

HTML é a fundação estrutural da web — cada aba do navegador, envio de formulário e vídeo incorporado começa com marcação. Este track constrói fluência genuína em HTML, desde as regras que governam um documento válido até as APIs do navegador e modelos de componentes usados em sites de produção modernos. O objetivo não é apenas escrever tags, mas entender por que cada elemento existe e o que ele sinaliza para navegadores, tecnologias assistivas e mecanismos de busca.

O Que Você Aprenderá

Você começará com estrutura de documento, conteúdo de texto, links, imagens e listas, depois passará para tabelas, formulários e atributos de validação de formulários. O track cobre elementos semânticos HTML5, o <head> e metadados, áudio e vídeo, e fundamentos de acessibilidade incluindo atributos e papéis ARIA. Cursos posteriores abordam atributos de dados personalizados, templates HTML, elementos Canvas e SVG, Web Storage, a API Drag and Drop, meta tags de SEO e redes sociais, e templates de email HTML. Seções avançadas exploram Shadow DOM, Web Components e elementos customizados, módulos HTML e import maps, progressive enhancement, internacionalização, segurança, a History e Navigation API, o Intersection Observer, e construção de HTML para Progressive Web Apps.

O Caminho de Aprendizado

Quarenta cursos progridem de A1 através de A2 e B1 até B2, terminando com um capstone C1 sobre HTML em Escala. Os cursos A1 e A2 estabelecem os essenciais — estrutura de documento, elementos semânticos, formulários e metadados. B1 introduz acessibilidade, ARIA, Canvas, SVG e armazenamento do navegador. B2 é o maior bloco, cobrindo Web Components, Shadow DOM, performance, segurança, internacionalização e o Intersection Observer. O curso final C1, HTML at Scale, aborda os padrões e restrições que importam quando HTML é criado, testado e mantido em grandes bases de código.

Como Funciona

Cada curso é dividido em lições curtas e práticas que você completa no editor de código integrado com feedback em tempo real. Um tutor de IA está disponível sempre que você ficar preso, e você progride no seu próprio ritmo — cada lição é independente para que você possa voltar a qualquer tópico como referência depois.

Comece a Aprender →

Como Você Aprenderá

🎯
Aulas Interativas
Exercícios de codificação práticos com feedback em tempo real
🤖
Tutor de IA
Obtenha ajuda instantânea de nossa IA quando você ficar preso
💻
Editor Integrado
Escreva e execute código diretamente no seu navegador
🏆
Certificado
Ganhe um certificado ao concluir o curso
Currículo

40 Cursos

Todos os cursos no caminho de aprendizado HTML Academy.

01

Estrutura de Documentos HTML

A13 aulas

Aprenda como os navegadores analisam HTML, qual é a função de DOCTYPE e como os elementos html, head e body organizam todas as páginas web.

02

Elementos de Conteúdo Textual

A14 aulasPRO

Domine títulos, parágrafos, ênfase, elementos em linha e controle de espaços em branco com as tags de texto do HTML.

03

Links e Navegação

A14 aulasPRO

Crie navegação com elementos âncora, URLs absolutas e relativas, links que abrem em novas abas e identificadores de fragmentos.

04

Imagens e Figuras

A14 aulasPRO

Exiba imagens de forma responsiva com img, srcset, o elemento picture e legendas semânticas de figuras.

05

Listas

A14 aulasPRO

Crie listas não ordenadas, ordenadas e de descrição com aninhamento adequado e significado semântico.

06

Tabelas

A24 aulasPRO

Crie tabelas de dados acessíveis com estrutura adequada, células mescladas e seções de tabela.

07

Atributos HTML e Atributos Globais

A24 aulasPRO

Entenda os atributos id, class, style, hidden, tabindex e os atributos personalizados data-* usados em todos os elementos HTML.

08

Fundamentos dos Formulários HTML

A24 aulasPRO

Crie formulários web acessíveis com tipos de input, rótulos, botões e os atributos action e method do elemento form.

09

Controles Avançados de Formulário

A24 aulasPRO

Aprimore formulários com menus suspensos, áreas de texto, grupos de caixas de seleção, botões de opção e preenchimento automático com datal…

10

Atributos de Validação de Formulário

A24 aulasPRO

Use atributos de validação do HTML5, como required, pattern, min e max, para validar os dados inseridos pelo usuário antes do envio.

11

HTML5 Semântico

A24 aulasPRO

Substitua divs genéricas por elementos HTML5 significativos, como header, nav, main, footer, article e section.

12

Mais Elementos Semânticos

A24 aulasPRO

Explore aside, details, summary, progress e meter para adicionar mais significado e interatividade às páginas.

13

Cabeçalho e Metadados HTML

A24 aulasPRO

Domine a seção head: title, tags meta, viewport, URLs canônicas, diretivas para robôs e favicons.

14

Elementos de Áudio e Vídeo

A24 aulasPRO

Incorpore áudio e vídeo nativamente com HTML5, ofereça vários formatos e adicione legendas com track e WebVTT.

15

Fundamentos de Acessibilidade HTML

B14 aulasPRO

Entenda os níveis da WCAG, a hierarquia de títulos, as estratégias para textos alternativos e a navegação pelo teclado em páginas web inclu…

16

Funções e Atributos ARIA

B14 aulasPRO

Aprimore a acessibilidade com funções, rótulos e descrições ARIA e siga a regra de priorizar o HTML nativo.

17

Atributos de Dados Personalizados

B14 aulasPRO

Armazene e acesse metadados personalizados em elementos HTML usando atributos data-*, a API dataset e seletores CSS.

18

Modelos HTML

B14 aulasPRO

Use o elemento template para definir uma marcação inerte, cloná-la com eficiência e compará-la à renderização baseada em innerHTML.

19

Elemento Canvas

B14 aulasPRO

Desenhe formas, textos e imagens em um canvas 2D e anime-os com requestAnimationFrame.

20

SVG em HTML

B14 aulasPRO

Incorpore gráficos vetoriais escaláveis diretamente na página, use formas básicas, controle o viewBox e anime SVG com CSS.

21

iframe e Conteúdo Incorporado

B14 aulasPRO

Incorpore conteúdo externo com iframe, entenda o isolamento para segurança e use carregamento sob demanda para melhorar o desempenho.

22

Armazenamento Web do HTML

B14 aulasPRO

Armazene dados no lado do cliente com localStorage e sessionStorage, escute eventos de armazenamento e siga as diretrizes de segurança.

23

API de Arrastar e Soltar

B14 aulasPRO

Implemente interações de arrastar e soltar com a API HTML5 Drag and Drop e o objeto dataTransfer.

24

SEO e Metadados Sociais

B14 aulasPRO

Otimize páginas para mecanismos de busca e compartilhamento social com OpenGraph, Twitter Cards, JSON-LD e hreflang.

25

Modelos de E-mail em HTML

B14 aulasPRO

Crie HTML compatível com e-mails usando layouts baseados em tabelas, estilos inline e técnicas de imagens compatíveis com diferentes client…

26

Padrões ARIA Avançados

B24 aulasPRO

Implemente padrões de alternância, interfaces de abas e regiões dinâmicas e faça testes com leitores de tela reais.

27

Desempenho do HTML

B24 aulasPRO

Acelere o carregamento das páginas com scripts async e defer, instruções de pré-carregamento, imagens carregadas sob demanda e dicas de rec…

28

Elementos Personalizados dos Web Components

B24 aulasPRO

Defina elementos HTML personalizados e reutilizáveis com a API Custom Elements, callbacks do ciclo de vida e atributos observados.

29

DOM Sombreado

B24 aulasPRO

Isole a marcação e os estilos dentro do Shadow DOM, distribua conteúdo com slots e disponibilize APIs de estilo com part.

30

Módulos HTML e Mapas de Importação

B24 aulasPRO

Use scripts de módulos ES, mapas de importação para especificadores simples, importações dinâmicas e conceitos de federação de módulos.

31

Aprimoramento Progressivo

B24 aulasPRO

Desenvolva com aprimoramento progressivo: comece com um HTML sólido, adicione camadas de CSS e JavaScript e detecte recursos corretamente.

32

Internacionalização

B24 aulasPRO

Prepare o HTML para públicos globais com lang, dir, bdi, bdo, charset e suporte a textos da direita para a esquerda.

33

Segurança do HTML

B24 aulasPRO

Proteja as páginas contra XSS, clickjacking e injeção usando CSP, sandboxing, SRI e práticas seguras de manipulação de HTML.

34

API avançada de formulários HTML

B24 aulasPRO

Aproveite FormData, a API de validação de restrições, mensagens de validade personalizadas e o gerenciamento do estado dos formulários.

35

API de histórico e navegação do HTML

B24 aulasPRO

Gerencie o histórico do navegador com pushState, eventos popstate e a moderna API de navegação para roteamento em SPA.

36

Intersection Observer

B24 aulasPRO

Use IntersectionObserver para implementar carregamento sob demanda, rolagem infinita e acionadores de animações vinculadas à rolagem.

37

HTML para PWAs

B24 aulasPRO

Configure aplicações web progressivas com o manifesto da aplicação web, o registro de um service worker e páginas alternativas para uso off…

38

Validação e testes de HTML

B24 aulasPRO

Valide a marcação com o W3C Validator, audite o HTML com o Lighthouse e teste a acessibilidade com pa11y e axe.

39

O futuro do HTML

B24 aulasPRO

Conheça recursos emergentes do HTML: DOM Shadow Declarativo, API Popover, selectlist e atributos command.

40

HTML em grande escala

C14 aulasPRO

Gerencie HTML em projetos grandes com extração de componentes, criação de modelos no servidor, sistemas de design e documentação de guias d…

Perguntas Frequentes

Perguntas Frequentes

O curso HTML Academy é gratuito?

Sim. Você pode começar o curso HTML Academy gratuitamente e completar suas aulas interativas sem custo. Uma assinatura PRO opcional desbloqueia ferramentas avançadas de IA e um certificado compartilhável.

Preciso de experiência anterior para aprender HTML?

Não. O curso começa com os fundamentos e gradualmente passa para tópicos mais avançados, então você pode começar mesmo sem experiência anterior com HTML.

Como vou aprender HTML no CoddyKit?

Você aprende fazendo. Aulas interativas curtas combinam uma explicação clara com um exercício de codificação prático que executa em tempo real, e um tutor de IA disponível 24/7 oferece ajuda personalizada sempre que você ficar preso.

Ganho um certificado ao concluir HTML Academy?

Sim. Alunos PRO podem fazer um exame e ganhar um certificado de conclusão compartilhável com um código verificável para o curso HTML Academy.

Posso aprender HTML no meu celular?

Sim. CoddyKit está disponível na web e como aplicativos nativos para iOS e Android, então você pode aprender HTML em qualquer dispositivo e seu progresso sincroniza entre eles.

Comece HTML Academy Agora

Junte-se a milhares de alunos dominando programação com aulas potenciadas por IA.

Começar Grátis →Ver Todos os Cursos