Curso de HTML e CSS Gratuito
Domine HTML e CSS: Crie layouts incríveis do básico ao avançado com Otávio Miranda!
4.0
(2)
39 learners
What you'll learn
- Aprender a criar estruturas básicas de HTML e aplicar estilos utilizando CSS
- Entender o uso semântico das tags HTML5 para melhorar a acessibilidade e o SEO
- Dominar o uso de Flexbox e CSS Grid para construção de layouts responsivos
- Desenvolver e publicar uma Landing Page funcional utilizando boas práticas de design e desenvolvimento web
This course includes
- 14.5 hours of video
- Certificate of completion
- Access on mobile and TV
Course content
1 modules • 45 lessons • 14.5 hours of video
Curso Completo de HTML e CSS: Da Teoria à Prática
45 lessons
• 14.5 hours
Curso Completo de HTML e CSS: Da Teoria à Prática
45 lessons
• 14.5 hours
- Curso de HTML e CSS - Estrutura básica do HTML - Aula 1 24:58
- Estrutura do HTML e Meta ViewPort - Curso de HTML e CSS - Aula 2 11:37
- Style e atributos id e class - Curso de HTML e CSS - Aula 3 17:15
- Headings (Cabeçalhos) do H1 ao H6 - Curso de HTML e CSS - Aula 4 13:16
- Tags importantes e semântica em textos - Curso de HTML e CSS - Aula 5 33:54
- Conheça todas as tags HTML - Curso de HTML e CSS - Aula 6 07:06
- Semântica em elementos HTML5 - Curso de HTML e CSS - Aula 7 24:21
- Aprenda a pensar em HTML - Curso de HTML e CSS - Aula 8 34:14
- Entenda o Box Model - Curso de HTML e CSS - Aula 9 31:43
- Listas ordenadas, não ordenadas e menus - Curso de HTML e CSS - Aula 10 26:00
- Tabelas + linhas e colunas - Curso de HTML e CSS - Aula 11 21:47
- Formulários e campos - Curso de HTML e CSS - Aula 12 57:16
- Separando HTML e CSS em arquivos diferentes - Curso de HTML e CSS - Aula 13 13:31
- Veja o que vamos montar nesse curso - Curso de HTML e CSS - Aula 14 07:45
- Seletores CSS básicos (Parte 1) - Curso de HTML e CSS - Aula 15 29:39
- Seletores CSS básicos (Parte 2) - Curso de HTML e CSS - Aula 16 10:06
- Seletores de atributos no CSS - Curso de HTML e CSS - Aula 17 05:40
- Pseudo-classes + Estado de elementos - Curso de HTML e CSS - Aula 18 15:52
- Seletores CSS :not e :nth-child - Curso de HTML e CSS - Aula 19 09:18
- Pseudo-elementos CSS ::before, ::after e outros - Curso de HTML e CSS - Aula 20 10:26
- Especificidade CSS: Qual regra será aplicada? Curso de HTML e CSS - Aula 21 15:50
- Herança no CSS: propriedades passadas para elementos filhos - Curso de HTML e CSS - Aula 22 06:40
- Box-sizing: width, height, padding, margin e border no CSS - Curso de HTML e CSS - Aula 23 26:01
- Float, Display e Clear no CSS - Curso de HTML e CSS - Aula 24 19:06
- Cores HTML e CSS: Entenda como funciona - Curso de HTML e CSS - Aula 25 13:01
- Unidades de medida no CSS (px, em, rem, vw, vh, vmax, vmin e %) - Curso de HTML e CSS - Aula 26 28:54
- CSS para formatar texto - Curso de HTML e CSS - Aula 27 10:06
- Position relative, absolute, fixed e sticky + z-index - Curso de HTML e CSS - Aula 28 27:37
- Media queries para design responsivo - Curso de HTML e CSS - Aula 29 15:00
- Uma breve junção de tudo aprendido até aqui - Curso de HTML e CSS - Aula 30 18:03
- Border-radius e Box-Shadow (arredondamento e sombras em caixas) - Curso de HTML e CSS - Aula 31 10:35
- Flexbox - Curso de HTML e CSS - Aula 32 52:46
- CSS Grid - Curso de HTML e CSS - Aula 33 53:15
- Iniciando a nossa landing page - Curso de HTML e CSS - Aula 34 25:08
- Criando um menu - Curso de HTML e CSS - Aula 35 19:27
- Landing Page: Correções e separações - Curso de HTML e CSS - Aula 36 10:27
- Landing Page: criando a seção intro - Curso de HTML e CSS - Aula 37 24:07
- Criando uma landing page (Seção Top 3) - Curso de HTML e CSS - Aula 38 07:41
- Landing page - Seção Grid - Curso de HTML e CSS - Aula 39 17:38
- Landing page - Galeria e Correções - Curso de HTML e CSS - Aula 40 15:45
- Landing page - Tabela de preços - Curso de HTML e CSS - Aula 41 13:38
- Landing page - Contato e Footer - Curso de HTML e CSS - Aula 42 28:10
- Landing Page - Media Queries - Curso de HTML e CSS - Aula 43 06:10
- Landing Page - Menu mobile e back to top - Curso de HTML e CSS - Aula 44 18:34
- Deploy da landing page na Netlify - Curso de HTML e CSS - Aula 45 (Final) 07:35
Related learning topics
Take this course with you
Download the app to continue lessons from your phone anytime.
![Curso de Introducción al Desarrollo Web [HTML, CSS y JavaScript]](https://i.ytimg.com/vi/mK8H9lY2xcM/hqdefault.jpg)
