Neste curso, você aprenderá o básico de HTML (com pitadas de CSS no final) ao construir um site do zero.
Clique em "Mostrar mais" para ver os tópicos do curso.
✏️Sua instrutora nesse curso é a Nielda Karla. Siga-a no Twitter https://twitter.com/nieldakarla
💻 Código no GitHub: https://github.com/nieldakarla/freeCodeCamp-CursoHTML
Validador HTML: https://validator.w3.org/
Validador CSS: https://jigsaw.w3.org/css-validator/
Acesse nosso Manual de HTML para iniciantes: https://freecodecamp.org/portuguese/news/manual-de-html-aprendizagem-de-html-para-iniciantes
⭐️ Conteúdo do curso ⭐️
-
00:00:00 Boas vindas
-
00:01:27 O que é HTML
-
00:04:07 Instalação do VSCode
-
00:06:25 Extensões úteis VSCode
-
00:09:35 Como criar arquivo .html
-
00:14:10 Página Olá, Mundo!
-
00:23:28 Como validar html contra erros
-
00:31:39 Introdução ao projeto
-
00:34:12 Elementos meta em head
-
00:40:06 Como adicionar favicon
-
00:45:25 Elementos básicos de texto
-
00:46:39 Como adicionar emoji no html
-
00:48:00 Barra horizontal com hr
-
00:48:40 Acrescentar imagem
-
00:51:25 Como fazer lista não ordenada
-
00:56:03 Como acrescentar legenda em imagens
-
00:57:52 elemento em para ênfase
-
00:59:44 elemento aside
-
01:01:52 Forte importância com strong
-
01:02:16 Marcador de texto com html.
-
01:04:12 Lista com números (ordenada)
-
01:10:27 Criar rodapé footer
-
01:11:56 Caracteres especiais
-
01:14:04 header, main e footer
-
01:17:39 Section e article
-
01:22:00 Atributo ID
-
01:25:25 camelCase
-
01:26:56 Menu de navegação
-
01:32:41 Página fotos de gatos
-
01:39:08 Página de formulário
-
01:41:15 Form action
-
01:42:12 Fieldset, legend e label
-
01:43:19 Input de texto
-
01:46:05 Input numérico
-
01:48:54 Input radio (botões)
-
01:51:28 Input checkbox
-
01:53:10 Input file (anexar arquivo)
-
01:55:17 Textarea (área de texto)
-
01:57:27 Botões enviar e redefinir
-
01:59:35 Link entre páginas
-
02:04:24 Folha de estilo CSS
-
02:06:09 Importando fonte
-
02:10:38 Estilizar H1
-
02:13:04 Estilizar menu de navegação
-
02:26:05 Estilizando Links
-
02:29:53 Alinhando elementos
-
02:37:47 Tamanho de fonte relativo EM
-
02:39:49 Próximos passos
Com o freeCodeCamp, você pode aprender a programar gratuitamente e atingir seu objetivo de conseguir um emprego como desenvolvedor: https://www.freecodecamp.org/portuguese/learn
✍️ Leia centenas de artigos de programação gratuitamente:
https://www.freecodecamp.org/portuguese/news
🎥 Inscreva-se em nosso canal para encontrar mais vídeos e cursos de programação: https://www.youtube.com/@freecodecampemportugues
Referências para definições presentes no curso: https://developer.mozilla.org/pt-BR/docs/Web/HTML