Your cart is empty.
Keep shopping
Teach on Udemy
Turn what you know into an opportunity and reach millions around the world.
Learn MoreCurso de HTML5/CSS3
Curso de HTML5/CSS3
- Crie Seu Site do Zero, aprenda de forma detalhada a usar o HTML5 e o CSS3 para criar sites com leiautes incríveis!
Highest Rated
Created byErick Freire
Last updated 7/2026
Portuguese
Portuguese [Auto],
What you'll learn
- HTML5/CSS3
- Criar um Site Do Zero e colocar ele no ar
- Aprenderão a usar as Tags do HTML5
- Aprenderão a personalizar o estilo do seu site
- Conteúdo extra exclusivo sobre como trabalhar como freelancer, domínio, como ganhar dinheiro com propagandas
Explore related topics
Course content
13 sections • 218 lectures • 20h 51m total length
- Apresentação Inicial8:04
Nessa aula vamos fazer uma apresentação inicial do curso e sobre quem eu sou.
- Introdução9:59
Nessa aula vamos fazer uma apresentação sobre o HTML5.
- Conhecendo a Web12:10
Nessa aula vamos conversar um pouco sobre a web, conhecer como ela surgiu, como ela evoluiu e como ela está hoje.
- Tags Atributos e Valores9:14
Nessa aula vamos aprender sobre as Tags, atributos e valores
- Hipertexto Vs. Hiperlinks Vs. Hipermídia10:46
Nessa aula vamos conversar sobre a diferença entre Hipertexto, Hiperlink e Hipermídia.
- Novidades do HTML59:10
Nessa aula vamos conversar sobre as novidades do HTML5
- HTML5 Semântico10:04
Nessa aula vamos conversar sobre o que é HTML5 Semântico
- HTML5 Vs. Navegadores3:11
Nessa aula vamos conversar sobre o HTML5 e os navegadores de internet
- Teste suas habilidades
- Editor de HTML5 - Bloco de Notas4:54
Nessa aula vamos aprender como criar nossas páginas usando o bloco de notas.
- Editor de HTML5 - Brackets5:05
Nessa aula vamos conhecer um editor de HTML5 chamado Brackets que é muito bom para criar sites.
- Editor de HTML5 - VSCode4:46
Nessa aula vamos conhecer a ferramenta de desenvolvimento de software VSCode, uma poderosa ferramenta da Microsoft, uma das mais usadas para programação.
- Primeira Página com HTML58:33
Nessa aula vamos aprender a criar a primeira página com HTML5
- Comentários4:51
Nessa aula vamos aprender como colocar comentários.
- Teste Suas Habilidades
- Título do cabeçalho2:48
Nessa aula vamos aprender a colocar um título de cabeçalho
- Títulos de Artigos6:30
Nessa aula vamos aprender a colocar títulos em artigos
- Parágrafo4:37
Nessa aula vamos aprender a criar um parágrafo
- Quebra de Linha3:22
Nessa aula vamos aprender a colocar uma quebra de linha
- Linha na Horizontal4:52
Nessa aula vamos aprender a colocar uma linha na horizontal
- Teste suas Habilidades
- Abreviaturas5:59
Nessa aula vamos aprender a marcar abreviaturas
- Endereço6:11
Nessa aula vamos aprender a marcar endereços e telefones de contatos.
- Negrito3:23
Nessa aula vamos aprender como colocar negrito em textos no nosso site.
- Direção do Texto4:24
Nessa aula vamos aprender a mudar a direção do texto.
- Citação Longa3:44
Nessa aula vamos aprender como colocar citação longa
- Títulos de Obras3:20
Nessa aula vamos aprender como colocar títulos de obras
- Fonte Monoespaçada2:22
Nessa aula vamos aprender a colocar fonte mono espaçada.
- Texto Deletado3:50
Nessa aula vamos aprender como marcar um texto deletado
- Texto inserido3:16
Nessa aula vamos aprender a marcar um texto inserido.
- Definição2:20
Nessa aula vamos aprender como marcar uma definição no nosso site.
- Ênfase1:48
Nessa aula vamos aprender como colocar ênfase em um texto no seu site.
- Itálico2:35
Nessa aula vamos aprender a marcar um texto em itálico no nosso site.
- Tecla de Atalho2:07
Nessa aula vamos aprender como marcar teclas de atalho
- Pré-Formatação2:46
Nessa aula vamos aprender a inserir um texto com uma pré-formatação.
- Citação Curta2:46
Nessa aula vamos aprender a colocar uma citação curta
- Tachado2:08
Nessa aula vamos aprender como colocar o tachado em textos no nosso site.
- Código Fonte1:48
Nessa aula vamos aprender como marcar um código fonte no seu site.
- Texto Pequeno1:46
Nessa aula vamos aprender como colocar um texto em tamanho pequeno no nosso site
- Texto Importante2:33
Nessa aula vamos aprender a marcar um texto como importante
- Texto Subscrito2:00
Nessa aula vamos aprender a colocar um texto subscrito
- Texto Sobrescrito1:40
Nessa aula vamos aprender a colocar um texto sobrescrito
- Sublinhado1:11
Nessa aula vamos aprender a criar um texto sublinhado para colocar no nosso site.
- Variáveis2:20
Nessa aula vamos aprender a Tag de Variáveis.
- Iframe4:42
Nessa aula vamos aprender a criar um iframe
- Imagem7:24
Nessa aula vamos aprender como colocar uma imagem no nosso site.
- Mapeamento8:02
Nessa aula vamos aprender a fazer mapeamento de imagens
- Hiperlink12:20
Nessa aula vamos aprender a criar hiperlinks
- Arquivos Externos5:19
Nessa aula vamos aprender a criar o recurso para envio de arquivos externos
- Lista não numerada3:33
Nessa aula vamos aprender a criar uma list anão numerada
- Lista Numerada2:34
Nessa aula vamos aprender a criar uma lista numerada
- Lista de Definição3:13
Nessa aula vamos aprender a criar uma lista de definição
- Tabela4:58
Nessa aula vamos aprender a criar tabelas
- Legendas de Tabelas1:47
Nessa aula vamos aprender como colocar legendas em tabelas.
- Span e Div6:14
Nessa aula vamos aprender a usar o span e o Div
- Meta Descrição4:54
Nessa aula vamos aprender para que serve a meta descrição
- Meta Palavra Chave2:57
Nessa aula vamos aprender a usar a meta de palavra chave
- Meta Data De Criação1:59
Nessa aula vamos aprender como usar a meta data de criação
- Meta Data de Expiração2:14
Nessa aula vamos aprender como colocar a meta de data de expiração e saber para que ela serve.
- Meta de Recarregamento2:33
Nessa aula vamos aprender como usar a tag meta de recarregamento
- Meta Nome do Autor1:30
Nessa aula vamos aprender a usar a tag meta nome do autor
- Meta Endereço de E-mail1:29
Nessa aula vamos aprender como usar a Tag Meta de Endereço de E-mail.
- Meta No-Cache1:42
Nessa aula vamos aprender a usar a tag Meta No-Cache
- Meta Copyright2:18
Nessa aula vamos aprender a criar a meta de copyright
- Meta Robots4:38
Nessa aula vamos aprender a usar a meta robots
- Meta Generator1:46
Nessa aula vamos aprender como usar a Meta Generator
- Meta Revisite Depois1:38
Nessa aula vamos aprender como usar a Meta Revisite Depois
- Meta Classificação de Faixa Etária2:37
Nessa aula vamos aprender como usar a Meta Classificação de Faixa Etária
- Base2:03
Nessa aula vamos aprender a usar o recurso BASE
- Script5:18
Nessa aula amos aprender como usar a Tag script.
- No script2:09
Nessa aula vamos aprender a usar o recurso no-script
- Object7:08
Nessa aula vamos aprender a criar o elemento object
- Meta Charset3:45
Nessa aula vamos aprender a usar o recurso Meta Charset
- Mark2:00
Nessa aula vamos aprender a usar o recurso mark
- Meter4:52
Nessa aula vamos aprender como usar o recurso Meter
- Progress3:20
Nessa aula vamos aprender como usar o recurso progress
- Time3:38
Nessa aula vamos aprender a usar o recurso time.
- Hifenização4:40
Nessa aula vamos aprender a usar o recurso de hifenização
- Figuras3:58
Nessa aula vamos aprender a usar a Tag para marcar figuras
- Canvas5:43
Nessa aula vamos aprender a criar o canvas que é usado para mídias e jogos.
- Audio9:16
Nessa aula vamos aprender a usar o recurso de áudio
- Vídeo12:39
Nessa aula vamos aprender a colocar o recurso de vídeo no nosso site.
- Legendas3:35
Nessa aula vamos aprender a criar o recurso de legendas
- Embed3:12
Nessa aula vamos aprender a usar o recurso embed
- Header5:07
Nessa aula vamos aprender a criar o recurso header
- Aside3:41
Nessa aula vamos aprender a usar o recurso Aside
- Footer2:02
Nessa aula vamos aprender a usar o recurso Footer
- Article3:40
Nessa aula vamos aprender a criar o recurso article do HTML5
- Section1:30
Nessa aula vamos aprender a criar o recurso de section
- Nav1:52
Nessa aula vamos aprender a criar o recurso Nav com o HTML5
- Formulário7:24
Nessa aula vamos aprender a criar um formulário.
- Botão6:40
Nessa aula vamos aprender a criar um botão com o HTML5
- Checkbox6:41
Nessa aula vamos aprender a criar um checkbox
- Radio4:36
Nessa aula vamos aprender a criar o recurso Radio
- Text3:50
Nessa aula vamos aprender a criar o recurso de text.
- Color2:21
Nessa aula vamos aprender a criar o recurso Color
- Date2:22
Nessa aula vamos aprender a criar o recurso Date
- DateTime2:03
Nessa aula vamos aprender a criar o recurso DateTime
- Date-Time Local3:51
Nessa aula vamos aprender a criar o recurso Date-Time Local
- E-Mail1:35
Nessa aula vamos aprender o recurso de E-mail
- Image3:37
Nessa aula vamos aprender a usar o recurso Image
- File1:46
Nessa aula vamos aprender a usar o recurso File
- Hidden2:53
Nessa aula vamos aprender a criar o recurso Hidden
- Month2:06
Nessa aula vamos aprender a criar o recurso Month
- Number4:31
Nessa aula vamos aprender a usar o recurso number.
- Password1:41
Nessa aula vamos aprender o recurso password
- Range3:13
Nessa aula vamos aprender a criar e usar o recurso Range
- Search1:31
Nessa aula vamos aprender a usar o recurso Search
- Tel1:57
Nessa aula vamos aprender a usar o recurso Tel.
- Time1:31
Nessa aula vamos aprender a criar o recurso Time.
- URL1:28
Nessa aula vamos aprender a criar e usar o recurso URL
- Week1:47
Nessa aula vamos aprender a usar o recurso Week.
- TextArea7:42
Nessa aula vamos aprender a criar o recurso TextArea
- Select e Option2:54
Nessa aula vamos aprender como usar os recursos de Select e Option
- Optgroup3:11
Nessa aula vamos aprender a usar o recurso Optgroup
- FieldSet2:25
Nessa aula vamos aprender a usar o recurso FieldSet
- Legend3:15
Nessa aula vamos aprender a usar o recurso legend
- CSS2:44
Nessa aula vamos aprender o que é o CSS
- Como Importar o CSS8:30
Nessa aula vamos aprender como importar o CSS para ser usado no seu site.
- Como trabalhar com o CSS9:30
Nessa aula vamos conversar sobre como trabalhar com o CSS
- Bordas8:04
Nessa aula vamos aprender a colocar bordas
- Margens5:27
Nessa aula vamos aprender a colocar margens com o CSS
- Espaçamento4:24
Nessa aula vamos aprender a usar o espaçamento com o CSS
- Display4:32
Nessa aula vamos conhecer o recurso de display.
- Position4:35
Nessa aula vamos aprender a usar o recurso Position
- Float4:21
Nessa aula vamos aprender a usar o recurso Float
- Clear3:15
Nessa aula vamos aprender como usar o recurso Clear
- Z-index2:22
Nessa aula vamos conhecer um pouco sobre o recurso Z-Index
- Unicode Bi-di1:50
Nessa aula vamos aprender a usar o recurso Unicode-Bidi
- Direction1:23
Nessa aula vamos aprender a usar o recurso direction.
- Largura3:11
nessa aula vamos aprender o recurso de largura
- Altura3:00
Nessa aula vamos aprender a alterar a altura de elementos do nosso site.
- Line-Height2:07
Nessa aula vamos aprender o recurso Line-Height
- Vertical Align3:26
Nessa aula vamos aprender a usar o recurso Vertical-Align
- Overflow4:16
Nessa aula vamos aprender o recurso Overflow
- Clip4:48
Nessa aula vamos aprender a usar o recurso clip.
- Visibility2:13
Nessa aula vamos aprender o recurso visibility.
- Content2:51
Nessa aula vamos aprender a usar o recurso Content
- Quote2:08
Nessa aula vamos aprender a usar o recurso Quote
- Counter4:05
Nessa aula vamos aprender a usar o recurso Counter
- Listas10:03
Nessa aula vamos aprender como usar o recurso de listas no CSS.
- Cores8:00
Nessa aula vamos aprender a usar o recurso de cores.
- Impressão5:38
Nessa aula vamos aprender o recurso de impressão
- Fonte7:10
Nessa aula vamos aprender a usar o recurso de Fonte.
- Texto9:38
Nessa aula vamos aprender como usar o recurso de Texto
- Tabelas11:40
Nessa aula vamos aprender a usar o recurso de Tabelas dentro do CSS
- Site Parte 13:21
Nessa aula vamos começar a desenvolver o nosso primeiro site.
- Site Parte 26:11
Nessa aula vamos continuar a criação do nosso site.
- Site Parte 36:33
Nessa aula vamos continuar a criar o nosso site.
- Site Parte 414:41
Nessa aula vamos continuar a criar o nosso site.
- Site Parte 521:29
Nessa aula vamos continuar a criar o nosso site.
- Site Parte 614:38
Nessa aula vamos continuar a criar o nosso site.
- Site Parte 7 - 115:57
Nessa aula vamos continuar a criar o nosso site. Galera tive que dividir esse conteúdo em duas partes, a aula continua no próximo vídeo de onde paramos.
- Site Parte 7 - 213:55
Nessa aula vamos continuar a criar o nosso site.
- Site Parte 89:06
Nessa aula nós vamos continuar a criação do nosso site.
- Site Parte 98:53
Nessa aula vamos continuar a criar o nosso site.
- Site Parte 10 - 116:09
Nessa aula vamos continuar a criar o nosso site. Galera tive que dividir essa aula em duas, portanto ela continua no próximo vídeo da onde nós paramos.
- Site Parte 10 - 219:52
Nessa aula vamos continuar criando o nosso site.
- Site Parte 1113:06
Nessa aula vamos continuar a criar o nosso site.
- Site Parte 1211:11
Nessa aula vamos continuar a criar o nosso site.
- Site Parte 139:22
Nessa aula vamos continuar a criar o nosso site
- Site Parte 1415:56
Nessa aula vamos continuar a criar o nosso site.
- Tipos de Sites6:56
Nessa aula vamos aprender sobre os tipos de sites que podemos criar.
- Definindo o Template3:30
Nessa aula vamos definir o template do nosso site.
- Criando a Logo - Parte 15:38
Nessa aula vamos começar a criar a logo do nosso site
- Criando a Logo - Parte 25:24
Nessa aula vamos continuar a criar a logo e a miniatura para as abas do navegador
- Criando a Estrutura Base do nosso site1:55
Nessa aula vamos criar a estruturas Base do nosso site.
- Criando o Cabeçalho do Site8:35
Nessa aula vamos criar o cabeçalho do nosso site.
- Colocando a Logo no Site7:39
Nessa aula vamos começar a criar a parte inicial do nosso site e vamos colocar a logo nele.
- Criando O Menu Do Site20:14
Nessa aula vamos criar o menu do site.
- Criando o Corpo do Nosso Site7:45
Nessa aula vamos criar o corpo do nosso site
- Criando o Rodapé Do Nossso Site12:24
Nessa aula vamos criar o rodapé da nossa página.
- Seção Principal - Parte 16:27
Nessa aula vamos criar a seção principal parte 1
- Seção Principal - Parte 212:27
Nessa aula vamos finalizar a página inicial do nosso site
- Endereço12:45
Nessa aula vamos criar a página de endereço do nosso site.
- Produtos8:50
Nessa aula vamos criar as páginas de produtos
- Contate-nos Parte 16:39
Nessa aula vamos começar a criar o formulário de contato do nosso site.
- Contate-nos Parte 29:40
Nessa aula vamos finalizar o formulário de contato e finalizar esse módulo do curso.
- Definindo o Template4:30
Nessa aula vamos definir o template do nosso site.
- Criando o Corpo do Nosso Site2:01
Nessa aula vamos criar o corpo do nosso site.
- Criando a Logomarca7:33
Nessa aula vamos criar uma logomarca para o nosso site
- Cabeçalho do site8:37
Nessa aula vamos criar o cabeçalho do site.
- Colocando a Logo no Site10:16
Nessa aula vamos colocar a Logo do Nosso site.
- Criando o menu do Site19:34
Nessa aula vamos criar o menu do site
- Criando a seção de produto14:10
Nessa aula vamos criar a seção de produto do site.
- Criando a Seção de Descrição9:14
Nessa aula vamos criar a seção de descrição.
- Criando a seção de vídeo6:58
Nessa aula vamos criar a seção de vídeo
- Criando o Formulário de Contato - Parte 17:09
Nessa aula vamos começar a desenvolver o nosso formulário de contato.
- Criando o Formulário de Contato - Parte 211:59
Nessa aula vamos finalizar o formulário de contato
- Criando o Rodapé3:50
Nessa aula vamos finalizar o módulo e criar o rodapé da página.
- Definindo o Template do nosso site4:38
Nessa aula vamos definir o template do nosso site.
- Criando a Estrutura Base do nosso site2:02
Nessa aula vamos criar a estrutura base do nosso site.
- Criando o Cabeçalho do Site6:30
Nessa aula vamos definir o cabeçalho do site
- Criando a logo do menu e o cabeçalho do site16:48
Nessa aula vamos criar a logo do menu e o cabeçalho do site
- Transformando um Vídeo em um plano de fundo12:10
Nessa aula vamos transformar um vídeo em um plano de fundo.
- Criando o Menu Do Site4:55
Nessa aula vamos começar a criar o menú do site
- Criando o Menu Do Site Parte 220:47
Nesse conteúdo vamos finalizar a criação do menu do nosso site.
- Criando um Carrossel de Imagens21:42
Nessa aula vamos aprender a criar um carrossel de imagens
- Seção Empresa13:06
Nessa aula vamos criar mais uma seção para o nosso site.
- Seção Breve História da Empresa4:24
Nessa aula vamos criar a ultima seção da página inicial que a seção de uma breve história da empresa
- Criando o Rodapé6:16
Nessa aula vamos criar o Rodapé da página.
- Contato Parte 19:40
Nesse vídeo vamos começar a criar a página de contato.
- Contato Parte 25:19
Nessa aula vamos terminar o formulário de contato.
- Pagina de Endereço7:09
Nessa aula vamos construir a página de endereço.
- Domínio12:37
Nessa aula vamos conversar sobre Domínio
- Como Colocar o Seu Site No Ar10:55
Nessa aula vamos aprender como colocar o nosso site online.
- Robots e Sitemap11:33
Nessa aula vamos conversar sobre o Robots e o Sitemap e como construir eles.
- Como Vender Sites6:01
Nesse vídeo vamos conversar sobre como vender sites.
- Como trabalhar como freelancer8:41
Nessa aula vamos conversar como trabalhar como um Freelancer
- Como ganhar dinheiro com propagandas7:13
Nessa aula vamos conversar sobre como é possível ganhar dinheiro com propagandas no seu site.
- Algoritmos e Lógica de Programação0:10
Requirements
- Saiba usar um computador
Description
Nesse curso vamos aprender a usar as tags do HTML5 e como alterar o leiaute com o CSS, no fim vamos criar um site e eu te passarei dicas extras de como se dar bem no ramo de desenvolvimento de sites, o aprendizado do HTML com o CSS é crucial para quem quer aprender e seguir carreira como programador Web, e com o uso desses em conjunto você será capaz de criar coisas incríveis.
O HTML e o CSS são duas tecnologias cruciais usadas em conjunto por desenvolvedores Front-End, ou seja, aquelas pessoas que criam o visual de sites, sistemas web e também aplicativos móveis. Se você quer seguir por esse caminho e carreira esse é o curso ideal para você começar a estudar.
Essas duas tecnologias são simples e fáceis de aprender e com certeza se você aprender já pode começar a criar seu portifólio de serviços e também poderá começar a fazer pequenos trabalhos na área de desenvolvimento de sites, blogs, sistemas web e até de aplicativos para smartphones.
Você vai aprender nesse curso as TAGS do HTML e como usar, detalhadamente e em um ritmo muito bom para você aprender com exemplos práticos e como seria a construção de sites reais, com o CSS você aprender em detalhes como modificar e deixar o leiaute das suas páginas incríveis.
Who this course is for:
- Desenvolvedores iniciantes, desenvolvedores curiosos, curiosos de tecnologia, quem quer criar um site, quer quer começar um negócio online, quem quer trabalhar de forma freelancer desenvolvendo Sites.