Menu
CoddyTech
COMEÇAR A APRENDER
flag Pt iconPortuguêsdown icon
PopularJornada

Aprenda HTML

Um curso de HTML online, gratuito e interativo. Você escreve HTML em cada lição, com pré-visualização ao vivo enquanto digita e um certificado gratuito ao concluir.

COMEÇAR A APRENDER(é grátis)
Ver programaPlayground de HTML

336,814+ codders inscritos

241 lições212 desafios1,193 perguntas de quiz

  • Ideal para iniciantes
  • sparkles iconAjuda de codificação com IA
  • hint iconLições interativas e práticas
  • volume On iconNarração em áudio em todas as lições
  • quiz iconQuestionários para testar seu conhecimento
  • certificate iconCertificado grátis de conclusão

Programa

5 seções6 projetos241 lições212 desafios1,193 perguntas de quiz
  1. Seção 1

    Fundamentos

    Começar seçãoIniciarExpandirRecolher    Aprenda a estrutura e sintaxe principais para criar páginas web do zero60 lições75 desafios251 perguntas3 projetos

    Fundamentos do HTML

    5 lições530

    Texto e Formatação

    6 lições1135

    Trabalhando com Listas

    4 lições721

    Cartão de Receita

    Projeto4 lições1

    Adicionando Conteúdo

    5 lições837

    Layout da Página

    5 lições930

    Página de Perfil Pessoal

    Projeto5 lições1

    Formulários e Inputs Parte 1

    6 lições936

    Formulários e Inputs Parte 2

    7 lições1239

    Tabelas

    4 lições723

    Página de Inscrição de Evento

    Projeto5 lições1

    Desafios Finais

    4 lições4
  2. Seção 2

    Estilização com CSSPágina própria

    Começar seçãoIniciarExpandirRecolher    Dê vida às suas páginas web com cores, layouts e estilos76 lições100 desafios418 perguntas3 projetos

    Introdução

    5 lições540

    Adicionando CSS

    4 lições725

    Seletores Básicos

    7 lições1247

    Fundamentos de Texto

    8 lições1450

    Cores e Fundos

    5 lições834

    Cardápio do Café

    Projeto3 lições1

    Modelo de Caixa — Parte 1

    6 lições943

    Modelo de Caixa — Parte 2

    5 lições833

    Flex Box

    6 lições943

    Formulário de Login

    Projeto4 lições1

    Técnicas de Layout

    7 lições1151

    Fundamentos do Design Responsivo

    6 lições1052

    Página Web de Tonga

    Projeto6 lições1

    Desafios Finais

    4 lições4
  3. Seção 3

    Domínio do CSSPágina própria

    Começar seçãoIniciarExpandirRecolher    Leve suas habilidades em CSS para o próximo nível!43 lições40 desafios164 perguntas

    Domínio de Seletores – Combinação

    6 lições539

    Pseudo-classes Interativas

    5 lições431

    Pseudo-classes estruturais

    5 lições432

    Projeto de Menu Dropdown

    4 lições4

    Efeitos visuais

    5 lições536

    Landing Page

    5 lições5

    Construa com CSS Grid

    4 lições426

    Site Flavor Fiesta

    4 lições4

    Desafios Finais

    5 lições5
  4. Seção 4

    Frontend Prático

    Começar seçãoIniciarExpandirRecolher    Combine estrutura e estilo para projetar páginas web completas e responsivas35 lições34 desafios197 perguntas

    Variáveis

    5 lições432

    Estratégia Mobile-First

    6 lições643

    Temas e Estilos Visuais

    5 lições535

    Esportes Radicais

    3 lições3

    Componentes de UI

    6 lições642

    Padrões Responsivos

    6 lições645

    Desafios Finais

    4 lições4
  5. Seção 5

    JavaScript em Ação

    Começar seçãoIniciarExpandirRecolher    Explore como o JavaScript é usado com HTML e CSS27 lições27 desafios163 perguntas

    Interatividade/Componentes de UI

    4 lições433

    Formulários e validação

    3 lições324

    Notificações e feedback

    3 lições327

    Formulário com notificação Toast

    2 lições2

    Navegação

    3 lições329

    Temas e personalização

    2 lições217

    Animações e efeitos

    3 lições327

    Navegação animada

    3 lições36

    Desafios Finais

    4 lições4

Cursos de HTML

Cursos práticos de HTML, grátis para começar no navegador.

Animação de Eclipse Solar | Projeto HTML/CSS

Popular

Neste curso, você criará uma incrível animação de "Eclipse Solar", demonstrando como criar interfaces de usuário envolventes e funcionais usando animações.

  • 10
  • 2

Clone da Página do Instagram | Projeto Front-End

Popular

Neste curso, você praticará abordagens padrão e simples de HTML & CSS e criará um projeto de clone da página do Instagram.

  • 16
  • 5

Player de Vídeo do YouTube - Projeto HTML

Popular

Neste projeto, você criará um player de vídeo do YouTube usando HTML e explorará diversos atributos ao longo do caminho.

  • 7
  • 1

Métodos DOM do JavaScript

Neste curso, você aprenderá sobre os métodos DOM do JavaScript mais utilizados e como usá-los!

  • 13

Cronômetro - Projeto HTML/CSS/JS

Neste projeto, você criará um cronômetro básico usando HTML, CSS e JavaScript.

  • 10
  • 3

Desafios de HTML/CSS - Pacote I

Este curso desafiará seus conhecimentos de HTML e CSS de uma forma divertida e eficaz!

  • 11
Ver todos os 26 cursos de HTML →
O que você recebe
Tudo o que você vai usar para aprender a programar

Aprenda Fazendo

Escreva código real, consulte bancos de dados, crie sites e domine prompts de IA. Nossas lições interativas cobrem todas as habilidades que desenvolvedores modernos precisam.

playground.js
Editor de Código
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Teste #1test Case Success icon
Teste #2test Case Success icon
Teste #3test Case Failure icon
Entrada
"Alex"
Saída
"Hello, Coddy! Alex"

Construa Sua Sequência

Mantenha a consistência e veja seu progresso crescer! Acompanhe seu hábito diário de programação, proteja sua sequência com dias de congelamento e ganhe recompensas por aparecer todos os dias.

12 dias de sequência

Volte amanhã para manter sua sequência!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Tudo ou Nada

Dia 5 de 7

fire Freeze icon

Congelar Sequência

2 left

Onde Quiser

Leve sua jornada de programação com você! Sem configuração, sem downloads - apenas abra e comece a programar. Disponível no iOS, Android e Web com avaliações de 4.9 estrelas.

Python
7Sequência
250Pontuação
5Energia
Variáveis
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
CONTINUAR
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Jornada
Metas
Tabela de Líderes
Perfil
4.9
EstrelaEstrelaEstrelaEstrelaEstrela
Avaliação

Você Não Está Sozinho

Compita em placares globais, convide amigos para ganhar recompensas e celebre as conquistas uns dos outros. Programar é melhor com amigos!

Liga Challenger
Liga ChallengerTop 7 avançam
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconZona de promoçãoleaderboard Arrow Up icon

Aprenda de todas as formas

Leia, ouça, teste-se, pergunte à IA ou consulte qualquer coisa que já tenha estudado. Cada lição se adapta a você.

Introdução a variáveis
Áudio

Uma variável é um contêiner nomeado que armazena um valor que você pode referenciar depois.

Em Python, você cria uma escrevendo o nome, um sinal de igual e o valor que quer armazenar.

O valor pode mudar com o tempo - reatribuir o nome simplesmente o aponta para um novo valor.

1xSarah

Seja Certificado

Ganhe certificados para cada curso que você completar. Adicione-os ao seu perfil do LinkedIn e currículo para mostrar sua experiência em programação aos empregadores.

CoddyCertificado de Conclusão
Este certifica queJoão Silvacompletou com sucesso
python iconFundamentos de Python
Verificado
Datajan 2026
LinkedInAdicionar ao LinkedIn

Por que aprender HTML com a Coddy

  • Escreva HTML no navegador e veja a página renderizada ao lado. Sem instalar editor, sem setup. Toda alteração no código HTML aparece na hora, então o ciclo de feedback é curto.
  • HTML moderno e semântico: títulos, listas, links, imagens, tabelas, formulários e tags semânticas como <header>, <nav>, <main>, <section>, <footer>. O HTML que você usaria de verdade para construir um site.
  • As dicas de IA te ajudam a corrigir erros de HTML - tags não fechadas, sintaxe de atributo quebrada, deslizes de acessibilidade - sem entregar a resposta, assim os hábitos de escrever HTML ficam.
  • Certificado grátis de HTML quando você termina. Um primeiro passo confiável para desenvolvimento web, que combina naturalmente com os cursos de CSS e JavaScript.

Perguntas frequentes sobre aprender HTML

HTML é fácil de aprender?

HTML é uma das coisas mais fáceis de aprender em tecnologia. É uma linguagem de marcação, não uma linguagem de programação - você está rotulando pedaços de conteúdo (títulos, parágrafos, links, imagens) em vez de escrever lógica. A maioria dos iniciantes monta sua primeira página web de verdade na primeira hora.

Quanto tempo leva para aprender HTML?

Os fundamentos de HTML geralmente podem ser aprendidos em uma ou duas semanas de prática diária. Para criar projetos reais com segurança, reserve de um a três meses, dependendo do seu ritmo.

Devo aprender HTML antes de CSS e JavaScript?

Sim. O HTML define a estrutura da página; o CSS controla a aparência; o JavaScript a torna interativa. Aprender HTML primeiro significa que você tem algo concreto para estilizar e animar depois. O curso de HTML é curto de propósito para você partir logo para CSS e JS.

HTML é uma linguagem de programação?

Tecnicamente, não. HTML é uma linguagem de marcação usada para descrever a estrutura do conteúdo da web. Ela não tem variáveis, condicionais nem laços por si só. A programação de verdade em uma página web vem do JavaScript, que tem um curso separado.

Posso aprender HTML online de graça?

Sim. O curso interativo de HTML é gratuito - aulas, exercícios de código, preview ao vivo do HTML e um certificado. Tudo roda no navegador, então você não precisa instalar nenhum editor nem ferramenta para começar.

Recebo um certificado depois do curso de HTML?

Sim. Ao concluir o curso de HTML você recebe um certificado de conclusão gratuito. Uma prova verificável que dá para incluir no currículo ou compartilhar no LinkedIn - geralmente como um passo rumo a um portfólio mais completo de HTML, CSS e JavaScript.

Trilhas de aprendizado que incluem este curso

Este curso é uma etapa de uma trilha mais longa: vários cursos na ordem em que um mentor os ensinaria, cada um com seu próprio certificado grátis.

Ilustração das linguagens de programação do Coddy

Aprenda HTML com Coddy

COMEÇAR