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 / nieldakarla
💻 Código no GitHub: github.com/nieldakarla/freeCo...
Validador HTML: validator.w3.org/
Validador CSS: jigsaw.w3.org/css-validator/
Acesse nosso Manual de HTML para iniciantes: freecodecamp.org/portuguese/n...
⭐️ 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: www.freecodecamp.org/portugue...
✍️ Leia centenas de artigos de programação gratuitamente:
www.freecodecamp.org/portugue...
🎥 Inscreva-se em nosso canal para encontrar mais vídeos e cursos de programação: / @freecodecampemportugues
Referências para definições presentes no curso: developer.mozilla.org/pt-BR/d...
5 июн 2024
