Menu
Coddy logo textTech
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

281,604+ codders inscritos

241 lições212 desafios1,195 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,195 perguntas de quiz
  1. Seção 1

    Fundamentals

    Começar seçãoIniciarExpandirRecolher    Learn the core structure and syntax to create web pages from scratch60 lições75 desafios252 perguntas3 projetos

    Fundamentos do HTML

    5 lições531

    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

    Styling with CSSPágina própria

    Começar seçãoIniciarExpandirRecolher    Bring your web pages to life with colors, layouts, and styles76 lições100 desafios419 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 Planos de Fundo

    5 lições834

    Cardápio de Café

    Projeto3 lições1

    Modelo de Caixa Parte 1

    6 lições943

    Modelo de Caixa Parte 2

    5 lições834

    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

    CSS MasteryPágina própria

    Começar seçãoIniciarExpandirRecolher    Take you css skills to the next level!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

    Practical Frontend

    Começar seçãoIniciarExpandirRecolher    Combine structure and style to design complete, responsive web pages35 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 in Action

    Começar seçãoIniciarExpandirRecolher    Explore how javascript is used with html and 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

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

  • 7
  • 1

Cronômetro - Projeto HTML/CSS/JS

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

  • 10
  • 3

Barra de Navegação Inferior - Projeto HTML/CSS

Neste curso, você criará uma Barra de Navegação Inferior simples usando HTML e a estilizará com CSS. Você aprenderá a adicionar uma animação simples usando o seletor (:hover) no CSS.

  • 12
  • 2

Projeto DOM - Calculadora

Neste curso, você construirá uma calculadora simples e interativa usando HTML, CSS e JS.

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

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js
Code Editor
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Input
"Alex"
Output
"Hello, Coddy! Alex"

Build Your Coding Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

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

Double or Nothing

Day 5 of 7

fire Freeze icon

Streak Freeze

2 left

Code Anywhere, Anytime

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

Python
7Streak
250Score
5Energy
Variables
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
CONTINUE
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
Journey
Goals
Leaderboard
Profile
4.9
StarStarStarStarStar
Rating

You're Not Alone in This

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger League
Challenger LeagueTop 7 advance
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 iconPromotion zoneleaderboard Arrow Up icon

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables
Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Prove Your Skills

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

CoddyCertificate of Completion
This certifies thatJohn Doehas successfully completed
PythonPython Fundamentals
Verified
DateJan 2026
LinkedInAdd to 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.
Coddy programming languages illustration

Aprenda HTML com Coddy

COMEÇAR