Formação Desenvolvedor HTML e CSS \| TreinaWeb             Promoção no ar   Matricule-se agora e garanta **54% de desconto**  

  Termina em   Tempo restante da oferta: 05 Horas 

 42 Min 

 44 Seg 

   Tempo restante da oferta: 05 42 44 

  [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) 

   [                ](https://www.treinaweb.com.br)  Explorar  

 [ Quanto custa? ](#assinatura) [ FAQ ](#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) 

    [ Início ](https://www.treinaweb.com.br) [ Formações ](https://www.treinaweb.com.br/formacoes) Desenvolvedor HTML e CSS   Formação 

# Desenvolvedor HTML e CSS

Aprenda desde o completo zero até o avançado como trabalhar com HTML e CSS, duas tecnologias imprescindíveis para todo desenvolvedor web.

  [ ![Amauri Blanco Corrêa](https://d1s1vlotnxklap.cloudfront.net/professores/amauri-blanco-correa.webp) ](https://www.treinaweb.com.br/professor/amauri-blanco-correa "Amauri Blanco Corrêa")  Com Amauri Blanco Corrêa 

- 19 cursos
- 41h53 de vídeos
- 172 exercícios
- 116 horas de certificado

 **+200 mil alunos** já aceleraram a carreira aqui, com **professores que atuam no mercado**

## Acesso completo a todos os cursos e dezenas de Formações.

 12 meses 

  Economize R$ 840,00  54% OFF 

 de 12x R$ 129,00 por apenas

 12x  R$ 59,00

 sem juros no cartão de crédito ou R$ 599,00 à vista

  Oferta termina em  **05h 42min 44s**

- Acesso imediato e ilimitado durante 1 ano.
- Plano de carreira personalizado.
- Suporte direto com professores.
- E muito mais!

 [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26)

  Visão geral

## Sobre a formação

Quando estamos falando de desenvolvimento web, as tecnologias HTML e CSS são as bases de tudo que vemos dentro de sites e sistemas. Apesar de muitas vezes tratadas como algo simples e que não precisa realmente ser estudadas de maneira correta, essas tecnologias são de extrema importância para todo desenvolvedor web. Nessa formação apresentamos essas tecnologias desde os primeiros conceitos até aspectos e recursos avançados. Também falaremos de boas práticas relacionadas ao desenvolvimento front-end, para que você tenha um conhecimento diferenciado e se torne um desenvolvedor acima da média.

### Pra quem é esta formação?

Essa formação é voltada para pessoas que desejam estudar de maneira completa o desenvolvimento de sites e aplicações web, conhecendo todos os aspectos do HTML e CSS.

   Conteúdo completo

## Catálogo da formação

 A sequência de cursos da formação, na ordem em que se sustentam — 19 cursos e 41h53 de vídeo.

- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Iniciante  

     Curso · 6h

    ###  [ HTML5 + CSS3 - Primeiros passos ](https://www.treinaweb.com.br/curso/html5-css3-primeiros-passos "HTML5 + CSS3 - Primeiros passos") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Iniciante  

     Curso · 12h

    ###  [ HTML5 + CSS3 - Fundamentos ](https://www.treinaweb.com.br/curso/html5-css3-fundamentos "HTML5 + CSS3 - Fundamentos") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/chrome-developer-tools.svg)  Intermediário  

     Curso · 6h

    ###  [ Google Chrome Developer Tools ](https://www.treinaweb.com.br/curso/google-chrome-developer-tools "Google Chrome Developer Tools") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Iniciante  

     Curso · 6h

    ###  [ HTML5 + CSS3 - Apresentação de Dados ](https://www.treinaweb.com.br/curso/html5-e-css3-apresentacao-de-dados "HTML5 + CSS3 - Apresentação de Dados") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Iniciante  

     Curso · 6h

    ###  [ HTML5 + CSS3 - Formulários ](https://www.treinaweb.com.br/curso/html5-css3-formularios "HTML5 + CSS3 - Formulários") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Iniciante  

     Curso · 8h

    ###  [ HTML5 + CSS3 - Box model e Posicionamento de Elementos ](https://www.treinaweb.com.br/curso/html5-css3-box-model-e-posicionamento-de-elementos "HTML5 + CSS3 - Box model e Posicionamento de Elementos") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Iniciante  

     Curso · 6h

    ###  [ HTML5 + CSS3 - Dominando o Flexbox ](https://www.treinaweb.com.br/curso/html5-css3-dominando-o-flexbox "HTML5 + CSS3 - Dominando o Flexbox") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Iniciante  

     Curso · 6h

    ###  [ HTML5 + CSS3 - Dominando o CSS Grid Layout ](https://www.treinaweb.com.br/curso/html5-css3-dominando-o-css-grid-layout "HTML5 + CSS3 - Dominando o CSS Grid Layout") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Iniciante  

     Curso · 8h

    ###  [ HTML5 + CSS3 - Propriedades e seletores avançados ](https://www.treinaweb.com.br/curso/html5-css3-propriedades-e-seletores-avancados "HTML5 + CSS3 - Propriedades e seletores avançados") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Intermediário  

     Direto ao Ponto · 2h

    ###  [ HTML5 + CSS3 - Boas práticas CSS ](https://www.treinaweb.com.br/direto-ao-ponto/html5-css3-boas-praticas-css "HTML5 + CSS3 - Boas práticas CSS") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Iniciante  

     Curso · 10h

    ###  [ HTML5 + CSS3 - Web design responsivo ](https://www.treinaweb.com.br/curso/html5-css3-web-design-responsivo "HTML5 + CSS3 - Web design responsivo") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Intermediário  

     Projeto Prático · 8h

    ###  [ HTML5 + CSS3 - Criação do site de uma startup de contratação de diaristas ](https://www.treinaweb.com.br/projeto-pratico/html5-css3-criacao-do-site-de-uma-startup-de-contratacao-de-diaristas "HTML5 + CSS3 - Criação do site de uma startup de contratação de diaristas") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Intermediário  

     Direto ao Ponto · 2h

    ###  [ HTML5 + CSS3 - Metodologia BEM ](https://www.treinaweb.com.br/direto-ao-ponto/html5-css3-metodologia-bem "HTML5 + CSS3 - Metodologia BEM") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/sass.svg)  Intermediário  

     Curso · 10h

    ###  [ CSS - Sass ](https://www.treinaweb.com.br/curso/css-sass-avancado "CSS - Sass") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ HTML5 + CSS3 - Arquitetura ITCSS ](https://www.treinaweb.com.br/direto-ao-ponto/html5-css3-arquitetura-itcss "HTML5 + CSS3 - Arquitetura ITCSS") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Iniciante  

     Curso · 8h

    ###  [ HTML5 + CSS3 - Construindo sites semânticos ](https://www.treinaweb.com.br/curso/html5-css3-construindo-sites-semanticos "HTML5 + CSS3 -  Construindo sites semânticos") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Iniciante  

     Direto ao Ponto · 4h

    ###  [ HTML5 + CSS3 - Boas práticas para trabalhar com Imagens ](https://www.treinaweb.com.br/direto-ao-ponto/html5-css3-boas-praticas-para-trabalhar-com-imagens "HTML5 + CSS3 - Boas práticas para trabalhar com Imagens") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Iniciante  

     Curso · 8h

    ###  [ HTML5 + CSS3 - Criando sites acessíveis ](https://www.treinaweb.com.br/curso/html5-css3-criando-sites-acessiveis "HTML5 + CSS3 -  Criando sites acessíveis") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ HTML5 + CSS3 - Trabalhando com filtros de imagem e elementos ](https://www.treinaweb.com.br/direto-ao-ponto/html5-css3-trabalhando-com-filtros-de-imagem-e-elementos "HTML5 + CSS3 - Trabalhando com filtros de imagem e elementos") 

    Ver detalhes →

   Quem ensina

## Sobre os professores

   ![Amauri Blanco Corrêa](https://d1s1vlotnxklap.cloudfront.net/professores/amauri-blanco-correa.webp) 

### Amauri Blanco Corrêa

Formado em Análise e Desenvolvimento de Sistemas pela Universidade Cruzeiro do Sul, uma pessoa extremamente curiosa e dedicada, ama tecnologia e sempre busca aprender e aperfeiçoar seus conhecimentos.

Atua há mais de 3 anos como desenvolvedor e instrutor Front-end. Eterno estudante do mundo da tecnologia.

 [ Ver perfil e cursos → ](https://www.treinaweb.com.br/professor/amauri-blanco-correa) 

   Depoimentos de alunos

## Utilizada e amada por milhares de desenvolvedores.

  ![](https://d32nikm1p4rl61.cloudfront.net/XmNt5kRahd8Joy0DuS2jqp2qx46hlUMG.png)   Marcos  Lorena / SP · Google Chrome Developer Tools  

 Avaliação: 5 de 5 estrelas.

 “Muito bom esse curso! Textos curtos e diretos! Vídeos bem explicados.”

   ![](https://d32nikm1p4rl61.cloudfront.net/p5uHtuACfz3fUTXzWCJOuNL1D38s7XH4.png)   Uendel  Alagoinhas / BA · Google Chrome Developer Tools  

 Avaliação: 5 de 5 estrelas.

 “Ótimo curso ! Possui explicações e instruções totalmente excelentes e que ajuda e facilita no uso do developer tools .”

   ![](https://d32nikm1p4rl61.cloudfront.net/SJr3TpMifIxIF7Vc6NxkbGWNts1ONCYS.png)   Antônio  Cuiabá / MT · Google Chrome Developer Tools  

 Avaliação: 5 de 5 estrelas.

 “Excelente curso conhecimento incrível adquirido obrigado”

 [ Veja mais opiniões reais ](https://www.treinaweb.com.br/depoimentos) 

## Comece esta formação ainda hoje.

 19 cursos, 41h53 de vídeo, 116 horas de certificado — mais todos os outros cursos e formações da TreinaWeb, numa assinatura só.

 [Quero assinar](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) 

## Um ano de acesso total para você viver de programação.

 Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho.

- **1 ano** de acesso a **todos os cursos**
- Cursos novos **toda semana**
- Suporte **direto com professores**
- Plano de carreira **personalizado**
- **Certificados digitais** inclusos
- **Aplicativos** para Android e iOS, com **acesso offline**

    **Garantia incondicional de satisfação** 

 Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro.

### Acesso completo a todos os cursos e dezenas de Formações.

 12 meses 

  Economize R$ 840,00  54% OFF 

 de 12x R$ 129,00 por apenas

 12x  R$ 59,00

 sem juros no cartão de crédito ou R$ 599,00 à vista

  Oferta termina em  **05h 42min 44s**

- Acesso imediato e ilimitado durante 1 ano.
- Plano de carreira personalizado.
- Suporte direto com professores.
- E muito mais!

 [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26)

    Ainda tem alguma dúvida?

## Antes de começar, veja o que você precisa saber.

 Não encontrou a sua pergunta aqui? Fale com a nossa equipe antes de decidir — é para isso que ela está lá.

 [Falar com a equipe →](https://www.treinaweb.com.br/contato)    Estou começando do zero. A TreinaWeb é para mim? 

Sim. A plataforma possui conteúdos para quem está dando os primeiros passos em programação, incluindo fundamentos e formações organizadas para ajudar você a avançar progressivamente.

Se você ainda não programa, recomendamos começar pelas bases antes de entrar em conteúdos mais avançados de IA aplicada ao desenvolvimento.

   Já sou desenvolvedor. Vou encontrar conteúdo para mim? 

Sim. Além dos conteúdos fundamentais, a TreinaWeb possui formações, cursos intermediários e avançados, frameworks, arquitetura, infraestrutura e uma formação dedicada à aplicação de IA no desenvolvimento.

   A TreinaWeb tem cursos de Inteligência Artificial para desenvolvedores? 

Sim. A Formação IA para Devs reúne conteúdos sobre ferramentas e conceitos utilizados no desenvolvimento assistido por IA, incluindo GitHub Copilot, Cursor, Claude Code, Gemini CLI, MCP, Prompt Engineering, n8n e outros recursos.

   Preciso saber programar para fazer a Formação IA para Devs? 

A Formação IA para Devs é especialmente indicada para quem já possui conhecimentos de programação.

Se você ainda está começando, pode primeiro desenvolver sua base com os cursos e formações de programação disponíveis na própria TreinaWeb e depois avançar para IA.

   Tenho acesso a todos os cursos? 

Sim. Durante o período da assinatura, você tem acesso aos cursos e formações contemplados pelo plano anual da TreinaWeb.

   Por quanto tempo tenho acesso? 

O plano apresentado nesta página oferece 12 meses de acesso à plataforma.

   Existe uma ordem recomendada para estudar? 

Sim. As formações e planos de carreira ajudam você a organizar o aprendizado e entender quais conteúdos fazem mais sentido para cada etapa.

   Posso tirar dúvidas? 

Sim. A assinatura inclui os canais de suporte disponibilizados pela TreinaWeb para que você possa esclarecer dúvidas relacionadas aos conteúdos estudados.

   Os cursos possuem certificado? 

Sim. Os certificados digitais dos cursos concluídos estão incluídos na assinatura, de acordo com as regras de conclusão da plataforma.

   Posso estudar pelo celular? 

Sim. A TreinaWeb possui aplicativos para Android e iOS e oferece recursos de acesso offline pelo aplicativo.

   A TreinaWeb lança novos cursos? 

Sim. Novos conteúdos são adicionados regularmente à plataforma para acompanhar a evolução das tecnologias e ferramentas utilizadas no desenvolvimento.

   Como funciona a garantia? 

Você possui 7 dias de garantia para conhecer a plataforma. Caso decida que a TreinaWeb não atende às suas expectativas dentro desse período, poderá solicitar o reembolso conforme as condições da garantia.

## Comece hoje a programar com IA ao seu lado.

 [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) 

   [                ](https://www.treinaweb.com.br)

 Escola online de programação, tecnologia e IA.

- [  ](https://www.facebook.com/TreinaWeb/)
- [  ](https://www.instagram.com/treinaweb/)
- [  ](https://www.youtube.com/user/TreinaWeb)
- [  ](https://twitter.com/treinaweb)
- [  ](https://www.linkedin.com/company/treinaweb)
- [  ](https://github.com/treinaweb)

## Inscreva-se em nossa newsletter

Receba lançamentos, promoções e novidades.

   Seu nome     Seu WhatsApp     Seu melhor e-mail   Inscrever-se 

## Cursos

- [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs)
- [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end)
- [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end)
- [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile)
- [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados)
- [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing)
- [ IA ](https://www.treinaweb.com.br/categoria/ia)
- [ E mais ](https://www.treinaweb.com.br/categoria/e-mais)
- [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos)

## Conteúdo

- [ Formações ](https://www.treinaweb.com.br/formacoes)
- [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos)
- [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto)
- [ Planos ](https://www.treinaweb.com.br#assinatura)
- [ Depoimentos ](https://www.treinaweb.com.br#depoimentos)
- [ Comunidade ](https://www.treinaweb.com.br#comunidade)
- [ Corpo docente ](https://www.treinaweb.com.br#docente)

## A empresa

- [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre)
- [ Perguntas frequentes ](https://www.treinaweb.com.br#faq)
- [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb)
- [ Cursos para empresas ](https://www.treinaweb.com.br/empresas)
- [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso)
- [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco)
- [ Artigos ](https://www.treinaweb.com.br/blog)
- [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers)
- [ Contato ](https://www.treinaweb.com.br/contato)
- [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade)
- [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso)

## Baixe nosso aplicativo

 [   Disponível na **App Store**  ](https://apps.apple.com/us/app/treinaweb/id1322729447) [   Disponível no **Google Play**  ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) 

  Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200   © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58
