PopularJornada
Aprenda HTML
Aprenda HTML do zero com um curso online grátis e interativo. Domine estrutura de documentos, tags semânticas, links, formulários, imagens e acessibilidade básica com desafios práticos, projetos reais, dicas de IA e um certificado ao concluir.
249,002+ codders inscritos
Esta jornada inclui
Ajuda de codificação com IA
Lições interativas e práticas
Narração em áudio em todas as lições
Questionários para testar seu conhecimento
Certificado grátis de conclusão
Programa
5 seções241 lições212 desafios1,203 perguntas de quiz01Seção 1
Fundamentals
Learn the core structure and syntax to create web pages from scratchCOMEÇAR A APRENDERFundamentos do HTML
5 lições531- 01O que é HTML?Desafio
- 02Estrutura Básica do HTMLDesafioQuizÁudio
- 03Tags e ElementosDesafioQuizÁudio
- 04Aninhamento e Fechamento de TagsDesafioQuizÁudio
- 05Comentários em HTMLDesafioQuizÁudio
Texto e Formatação
6 lições1137- 01TítulosDesafioMaestriaQuizÁudio
- 02ParágrafosDesafioMaestriaQuizÁudio
- 03Quebras de LinhaDesafioMaestriaQuizÁudio
- 04Texto em Negrito e ItálicoDesafioMaestriaQuizÁudio
- 05Negrito e Itálico NovamenteDesafioMaestriaQuizÁudio
- 06Recapitulação - FormataçãoDesafio
Trabalhando com Listas
4 lições721- 01Lista não ordenadaDesafioMaestriaQuizÁudio
- 02Lista ordenadaDesafioMaestriaQuizÁudio
- 03Listas aninhadasDesafioMaestriaQuizÁudio
- 04Recapitulação - ListasDesafio
Cartão de Receita
Projeto4 lições1- 01Visão Geral do ProjetoDesafio
- 02Título e Descrição da ReceitaProjeto
- 03IngredientesProjeto
- 04PassosProjeto
Adicionando Conteúdo
5 lições837- 01Atributos HTMLQuizÁudio
- 02LinksDesafioMaestriaQuizÁudio
- 03Links para Novas PáginasDesafioMaestriaQuizÁudio
- 04ImagensDesafioMaestriaQuizÁudio
- 05Atributos de ImagemDesafioMaestriaQuizÁudio
Layout da Página
5 lições931- 01DivisõesDesafioMaestriaQuizÁudio
- 02Spans InlineDesafioMaestriaQuizÁudio
- 03Tags SemânticasDesafioMaestriaQuizÁudio
- 04Seções e ArtigosDesafioMaestriaQuizÁudio
- 05Recapitulação - LayoutDesafio
Página de Perfil Pessoal
Projeto5 lições1- 01Visão Geral do ProjetoDesafio
- 02Seção de CabeçalhoProjeto
- 03Foto de PerfilProjeto
- 04Seção Sobre MimProjeto
- 05Links SociaisProjeto
Formulários e Inputs Parte 1
6 lições937- 01Fundamentos de FormuláriosQuizÁudio
- 02Inputs de TextoDesafioMaestriaQuizÁudio
- 03Atributos de InputDesafioMaestriaQuizÁudio
- 04Campo de SenhaDesafioMaestriaQuizÁudio
- 05Labels para InputsDesafioMaestriaQuizÁudio
- 06Recapitulação - Formulário BásicoDesafio
Formulários e Inputs Parte 2
7 lições1239- 01Radio ButtonsDesafioMaestriaQuizÁudio
- 02CheckboxesDesafioMaestriaQuizÁudio
- 03DropdownsDesafioMaestriaQuizÁudio
- 04BotõesDesafioMaestriaQuizÁudio
- 05Botões em FormuláriosDesafioMaestriaQuizÁudio
- 06Recapitulação - Formulários #1Desafio
- 07Recapitulação - Formulários #2Desafio
Tabelas
4 lições725- 01Fundamentos de TabelasDesafioMaestriaQuizÁudio
- 02Adicionando LegendasDesafioMaestriaQuizÁudio
- 03Mesclando Linhas e ColunasDesafioMaestriaQuizÁudio
- 04Recapitulação - TabelasDesafio
Página de Inscrição de Evento
Projeto5 lições1- 01Visão Geral do ProjetoDesafio
- 02Seção de CabeçalhoProjeto
- 03Seção de Detalhes do EventoProjeto
- 04Formulário de InscriçãoProjeto
- 05Seção de RodapéProjeto
Desafios Finais
4 lições4- 01Cartão de Perfil SimplesDesafio
- 02Cartão de Convite de EventoDesafio
- 03Página de Artigo SimplesDesafio
- 04Lista de Livros FavoritosDesafio
02Seção 2
Styling with CSS
Bring your web pages to life with colors, layouts, and stylesCOMEÇAR A APRENDERIntrodução
5 lições540- 01O que é CSS?DesafioQuiz
- 02Sintaxe CSSDesafioQuiz
- 03Comentários CSSQuiz
- 04A Tag HeadDesafioQuiz
- 05A Tag TitleDesafioMaestriaQuiz
Adicionando CSS
4 lições725- 01CSS InlineDesafioMaestriaQuiz
- 02CSS InternoDesafioMaestriaQuiz
- 03CSS ExternoDesafioMaestriaQuiz
- 04Desafio de Estilização BásicaDesafio
Seletores Básicos
7 lições1247- 01Introdução aos SeletoresDesafioQuiz
- 02Seletor de TipoDesafioMaestriaQuiz
- 03Seletor de ClasseDesafioMaestriaQuiz
- 04Seletor de IDDesafioMaestriaQuiz
- 05Seletores de GrupoDesafioMaestriaQuiz
- 06Seletor UniversalDesafioMaestriaQuiz
- 07Desafio de SeleçãoDesafio
Fundamentos de Texto
8 lições1450- 01Cor do TextoDesafioMaestriaQuiz
- 02Família da FonteDesafioMaestriaQuiz
- 03Tamanho da FonteDesafioMaestriaQuiz
- 04Peso da FonteDesafioMaestriaQuiz
- 05Alinhamento de TextoDesafioMaestriaQuiz
- 06Decoração de TextoDesafioMaestriaQuiz
- 07Desafio de Recapitulação nº 1Desafio
- 08Desafio de Recapitulação nº 2Desafio
Cores e Planos de Fundo
5 lições834- 01Cor de FundoDesafioMaestriaQuiz
- 02Cores HEXDesafioMaestriaQuiz
- 03Cores RGBDesafioMaestriaQuiz
- 04Transparência com RGBADesafioQuiz
- 05Desafio de Revisão nº 1Desafio
Cardápio de Café
Projeto3 lições1- 01Fundamentos de TipografiaDesafio
- 02Estilização de TextoProjeto
- 03Cores e Planos de FundoProjeto
Modelo de Caixa Parte 1
6 lições943- 01O que é o Modelo de Caixa?Quiz
- 02PaddingDesafioMaestriaQuiz
- 03MargensDesafioMaestriaQuiz
- 04BordasDesafioMaestriaQuiz
- 05Largura e AlturaDesafioMaestriaQuiz
- 06Desafio de RevisãoDesafio
Modelo de Caixa Parte 2
5 lições834- 01Box SizingDesafioQuiz
- 02Border RadiusDesafioMaestriaQuiz
- 03OverflowDesafioMaestriaQuiz
- 04Box ShadowDesafioMaestriaQuiz
- 05Desafio de RevisãoDesafio
Flex Box
6 lições943- 01O que é Flex Box?DesafioQuiz
- 02Flex DirectionDesafioMaestriaQuiz
- 03Justify ContentDesafioMaestriaQuiz
- 04Align ItemsDesafioMaestriaQuiz
- 05O Centro PerfeitoDesafioQuiz
- 06Desafio de Flex BoxDesafio
Formulário de Login
Projeto4 lições1- 01CorpoDesafio
- 02Container do FormulárioProjeto
- 03InputProjeto
- 04BotãoProjeto
Técnicas de Layout
7 lições1152- 01Elementos Block vs InlineDesafioQuiz
- 02Fundamentos de PosicionamentoDesafioMaestriaQuiz
- 03Posicionamento RelativoDesafioMaestriaQuiz
- 04Posicionamento AbsolutoDesafioMaestriaQuiz
- 05Posicionamento FixoDesafioMaestriaQuiz
- 06Fundamentos de Z-IndexDesafioQuiz
- 07Desafio de RecapitulaçãoDesafio
Fundamentos do Design Responsivo
6 lições1052- 01O que é Design Responsivo?DesafioQuiz
- 02Meta Tag ViewportDesafioQuiz
- 03Layouts FluidosDesafioMaestriaQuiz
- 04Unidades de ViewportDesafioMaestriaQuiz
- 05Fundamentos de Media QueriesDesafioMaestriaQuiz
- 06Imagens FlexíveisDesafioMaestriaQuiz
Página Web de Tonga
Projeto6 lições1- 01Menu de NavegaçãoDesafio
- 02Cabeçalho de Boas-vindasProjeto
- 03Seção SobreProjeto
- 04Seção de ContatoProjeto
- 05Tag ViewportProjeto
- 06Media QueryProjeto
Desafios Finais
4 lições4- 01Organizar ItensDesafio
- 02Lista de FilmesDesafio
- 03Convite de CasamentoDesafio
- 04Notificação FlutuanteDesafio
03Seção 3
CSS Mastery
Take you css skills to the next level!COMEÇAR A APRENDERDomínio de Seletores – Combinação
6 lições539- 01IntroduçãoQuiz
- 02Seletor de DescendenteDesafioQuiz
- 03Seletor de FilhoDesafioQuiz
- 04Seletor de Irmão AdjacenteDesafioQuiz
- 05Seletor de Irmão GeralDesafioQuiz
- 06Desafio de RecapitulaçãoDesafio
Pseudo-classes Interativas
5 lições431- 01Pseudo-classesQuiz
- 02Efeitos de HoverDesafioQuiz
- 03Efeitos de FocoDesafioQuiz
- 04Estilos AtivosDesafioQuiz
- 05Desafio de RecapitulaçãoDesafio
Pseudo-classes estruturais
5 lições432- 01Pseudo-classes estruturaisQuiz
- 02Selecionando o primeiro filhoDesafioQuiz
- 03Selecionando o último filhoDesafioQuiz
- 04O poder dos padrões: Usando nth-childDesafioQuiz
- 05Desafio de recapitulaçãoDesafio
Projeto de Menu Dropdown
4 lições4- 01Adicionar o submenuDesafio
- 02Exibir o submenuDesafio
- 03Mais estilizaçãoDesafio
- 04Input e botãoDesafio
Efeitos visuais
5 lições536- 01GradientesDesafioQuiz
- 02Filtros CSSDesafioQuiz
- 03TransformaçõesDesafioQuiz
- 04Transições e Efeitos de HoverDesafioQuiz
- 05Desafio de RevisãoDesafio
Landing Page
5 lições5- 01Estilizar a seção do cabeçalhoDesafio
- 02Estilizar o botãoDesafio
- 03Layout da seçãoDesafio
- 04Layout de cardDesafio
- 05Adicionar toques finaisDesafio
Construa com CSS Grid
4 lições426- 01Fundamentos do GridDesafioQuiz
- 02Posicionamento de Itens com Grid-rowDesafioQuiz
- 03Áreas NomeadasDesafioQuiz
- 04Desafio de RevisãoDesafio
Site Flavor Fiesta
4 lições4- 01Configurando o gridDesafio
- 02CabeçalhoDesafio
- 03A parte principalDesafio
- 04RodapéDesafio
Desafios Finais
5 lições5- 01Destacar Menu AtivoDesafio
- 02Linhas de Tabela ZebradasDesafio
- 03Efeito Hover em BotõesDesafio
- 04Layout de Cards em GridDesafio
- 05Imagem Hero DesfocadaDesafio
04Seção 4
Practical Frontend
Combine structure and style to design complete, responsive web pagesCOMEÇAR A APRENDERVariáveis
5 lições432- 01VariáveisQuiz
- 02Usando Variáveis CSSDesafioQuiz
- 03Variáveis para Design TokensDesafioQuiz
- 04Variáveis LocaisDesafioQuiz
- 05Desafio de RevisãoDesafio
Estratégia Mobile-First
6 lições643- 01O que significa “mobile-first”DesafioQuiz
- 02Tipografia Mobile-FirstDesafioQuiz
- 03Navegação Mobile-FirstDesafioQuiz
- 04Imagens Mobile-FirstDesafioQuiz
- 05Formulários Mobile-FirstDesafioQuiz
- 06Desafio de RecapitulaçãoDesafio
Temas e Estilos Visuais
5 lições535- 01Temas em CSSDesafioQuiz
- 02Fundamentos do Modo Escuro/ClaroDesafioQuiz
- 03Cores de Destaque e RealceDesafioQuiz
- 04Temas de TipografiaDesafioQuiz
- 05Desafio de RecapitulaçãoDesafio
Esportes Radicais
3 lições3- 01VariáveisDesafio
- 02Mobile-FirstDesafio
- 03TematizaçãoDesafio
Componentes de UI
6 lições642- 01Menu dropdownDesafioQuiz
- 02AbasDesafioQuiz
- 03BadgesDesafioQuiz
- 04TooltipsDesafioQuiz
- 05Banners de notificaçãoDesafioQuiz
- 06Desafio de recapitulaçãoDesafio
Padrões Responsivos
6 lições645- 01Layout Holy GrailDesafioQuiz
- 02Layout de Grid de CardsDesafioQuiz
- 03Layout Sidebar + ConteúdoDesafioQuiz
- 04Layout de Tela DivididaDesafioQuiz
- 05Header / Footer StickyDesafioQuiz
- 06Desafio de RevisãoDesafio
Desafios Finais
4 lições4- 01Cartão de PerfilDesafio
- 02Grade de Galeria de ChocolatesDesafio
- 03Sete MaravilhasDesafio
- 04Novas Sete MaravilhasDesafio
05Seção 5
JavaScript in Action
Explore how javascript is used with html and cssCOMEÇAR A APRENDERInteratividade/Componentes de UI
4 lições433- 01AbasDesafioQuiz
- 02Accordion (expandir/recolher)DesafioQuiz
- 03Modal (abrir/fechar)DesafioQuiz
- 04DropdownDesafioQuiz
Formulários e Validação
3 lições325- 01Validação de entradaDesafioQuiz
- 02Mensagens de erro personalizadasDesafioQuiz
- 03Botões de envioDesafioQuiz
Notificações e Feedback
3 lições327- 01Mensagem toastDesafioQuiz
- 02Banners dispensáveisDesafioQuiz
- 03Indicadores de carregamentoDesafioQuiz
Formulário com Notificação Toast
2 lições2- 01Exibir a Mensagem ToastDesafio
- 02Ocultar a Mensagem ToastDesafio
Navegação
3 lições329- 01Alternância do menu hambúrguer mobileDesafioQuiz
- 02Navegação lateral retrátilDesafioQuiz
- 03Menus dropdownDesafioQuiz
Temas e Personalização
2 lições217- 01Temas claro/escuroDesafioQuiz
- 02Salvar escolha do temaDesafioQuiz
Animações e Efeitos
3 lições327- 01Transições CSSDesafioQuiz
- 02Animar elementos ao rolarDesafioQuiz
- 03Animações de clique em botõesDesafioQuiz
Navegação Animada
3 lições36- 01VariáveisDesafioQuiz
- 02Event listenersDesafio
- 03CSS transitionDesafio
Desafios Finais
4 lições4- 01Accordion de FAQ interativoDesafio
- 02Formulário de LoginDesafio
- 03Navbar ResponsivaDesafio
- 04Página de Blog com TemaDesafio
Por que aprender HTML com a Coddy
- Curso de HTML online e grátis: sem instalação, sem configurar ferramentas e sem barreiras para começar. Abra o navegador e pratique desde a primeira aula.
- Aulas práticas de HTML que vão além de um tutorial: cada conceito vem com um desafio para escrever código real e aprender fazendo.
- As dicas de IA ajudam quando você trava em um exercício de HTML, mostrando o próximo passo sem entregar a resposta completa.
- Certificado grátis de conclusão para compartilhar no LinkedIn ou adicionar ao currículo como prova de que você completou um curso interativo de HTML.
Perguntas frequentes sobre aprender HTML
HTML é fácil de aprender?
Sim, você pode começar com HTML mesmo sem experiência. A Coddy divide os conceitos em exercícios curtos para você entender a sintaxe, praticar estrutura de documentos, tags semânticas, links, formulários, imagens e acessibilidade básica e ganhar confiança aos poucos.
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.
Onde posso aprender HTML online grátis?
A Coddy oferece um curso online grátis de HTML com aulas, desafios de código, quizzes e projetos. Não é preciso instalar nada: tudo funciona no navegador.
Como aprender HTML rápido?
A forma mais rápida é praticar todos os dias. Na Coddy você alterna explicação curta, exercício imediato e feedback com dicas de IA, passando mais tempo escrevendo HTML do que assistindo a vídeos longos.
Recebo um certificado de HTML ao terminar?
Sim. Ao concluir o curso de HTML na Coddy, você recebe um certificado grátis de conclusão para compartilhar no LinkedIn ou incluir no currículo.
O que posso criar depois de aprender HTML?
Depois do curso, você poderá criar páginas web, formulários, landing pages simples e bases sólidas para projetos com CSS e JavaScript. Também terá uma base sólida para avançar para tópicos mais profissionais.
