HTML para Iniciantes | Aula 05: Listas com UL, OL e LI

Nesta aula você vai entender a diferença entre lista sem ordem, lista numerada e item de lista, além de ver o erro mais comum que iniciantes cometem: colocar texto solto dentro de uma lista sem usar a tag LI.

Capítulos do Vídeo:

0:00 - Introdução: Como organizar seu site usando listas no HTML
0:41 - Dica do canal: Extensões do VS Code (Pedido do inscrito Arthur Cross)
1:19 - Iniciando o esqueleto da página com Emmet
1:44 - O problema de simular listas usando a tag [p] manualmente
4:05 - Criando a primeira lista sem ordenação (Tag [ul])
5:05 - Adicionando itens à lista (Tag [li])
6:30 - Entendendo a semântica e a importância das listas para o SEO
9:14 - Erros comuns: Esquecer de fechar ou usar a tag [li] incorretamente
10:56 - Criando listas ordenadas (Tag [ol]) e graus de importância
12:13 - Misturando tags: Adicionando [strong] e [em] dentro dos itens da lista
14:18 - Combinando listas diferentes e separando com a tag [hr]
15:19 - Desafio prático: Criando a página de perfil com listas mistas
17:15 - Correção do exercício: Analisando a estrutura do código final
18:57 - Encerramento e prévia da próxima aula: Criando links clicáveis

💻 Exercício da aula:

Crie no seu arquivo index.html:

1. Uma lista UL com 5 hobbies.
2. Uma lista OL com 4 passos para estudar HTML.
3. Uma lista de metas usando STRONG ou EM em alguma palavra importante.

Depois comente aqui embaixo: Qual lista você criou primeiro?

Assista a playlist completa de HTML para Iniciantes Absolutos e siga as aulas na ordem para aprender do zero:

https://youtube.com/playlist?list=PLTaXRDLX3bm5GS-A6rnzS1_4ZeV6MT56-&si=UNi9eKqYaXHb2lJx

#HTML #HTMLParaIniciantes #ProgramacaoParaIniciantes

Видео HTML para Iniciantes | Aula 05: Listas com UL, OL e LI канала Programando com Covre