0:00:00.633,0:00:02.766
Você sabe o que eu amo? Listas.

0:00:02.766,0:00:05.133
Você já fez uma lista de tarefas[br]ou de compras?

0:00:05.133,0:00:07.342
Já leu uma lista em uma página web como:

0:00:07.342,0:00:10.401
"As 10 caras de cachorros mais ridículas"?

0:00:10.401,0:00:13.700
Eu aposto que sim, porque o[br]mundo está cheio de listas.

0:00:13.700,0:00:16.100
O HTML nos dá algumas 'tags'[br]para fazermos listas,

0:00:16.100,0:00:18.966
e vamos praticar, fazendo

0:00:18.966,0:00:23.783
uma lista de razões pelas quais os coelhos[br]são grandes animais de estimação.

0:00:24.600,0:00:26.873
Para começar uma lista com marcadores,

0:00:27.003,0:00:30.166
devemos começar com a tag "< ul >".

0:00:30.502,0:00:31.973
O que significa "< ul >" e o que ela faz?

0:00:32.433,0:00:36.100
Aposto que você pode adivinhar o que o "l"[br]representa 'lista' (List).

0:00:36.100,0:00:39.933
O "u", é um pouco mais complicado, [br]ele representa 'não ordenada' (Unordered),

0:00:39.933,0:00:42.800
isso significa que o navegador não[br]numerará os itens da lista

0:00:42.800,0:00:44.816
Ele só vai adicionar pequenas marcações.

0:00:45.066,0:00:48.367
Para ver o que quero dizer, [br]vamos adicionar o primeiro item,

0:00:48.367,0:00:50.200
"Eles são peludos".[br](They're Furry)

0:00:50.200,0:00:52.041
Viu o pequeno círculo no lado?

0:00:52.111,0:00:53.268
Isso é um marcador.

0:00:53.268,0:00:55.653
Agora, o que você acha [br]que "< li >" significa?

0:00:55.933,0:00:59.933
O "l" é de lista, e o "i" é de item,[br]ou seja, item da lista (List Item).

0:00:59.933,0:01:01.630
Sempre que quisermos adicionar[br]um item

0:01:01.630,0:01:05.633
precisamos adicionar um [br]novo "< li >" sob o "< ul >".

0:01:05.633,0:01:08.500
Cada "< ul >" deve ter pelo menos[br]um "< li >" sob ela,

0:01:08.500,0:01:11.723
porque uma lista sem itens é muito chato.

0:01:11.723,0:01:13.733
Vamos adicionar um pouco mais,

0:01:13.733,0:01:17.366
"Grandes ouvintes"[br](Great listeners) e...,

0:01:17.366,0:01:21.535
"Come todas as suas sobras de cenouras"[br](Eat all your leftover carrots)

0:01:22.146,0:01:24.933
Esta deve ser uma lista[br]bastante convincente.

0:01:24.933,0:01:28.433
Não sei quem não ia querer um coelho[br]depois de ler isso.

0:01:28.433,0:01:30.000
Eu não numerei esta lista

0:01:30.000,0:01:31.767
porque eu não acho que uma das razões

0:01:31.767,0:01:33.600
seja mais importante do que a outra,

0:01:33.600,0:01:36.666
mas tem um monte de vezes que queremos [br]fazer listas numeradas.

0:01:36.666,0:01:38.133
Como, se quiséssemos fazer uma

0:01:38.133,0:01:43.133
Uma lista com os [br]"Os três coelhos mais famosos".

0:01:44.866,0:01:47.233
Para começar a nossa lista numerada,

0:01:47.233,0:01:50.956
vamos usar um "< ol >" [br]em vez de um "< ul >".

0:01:51.166,0:01:53.733
Já descobriu o que significa "< ol >"?

0:01:54.633,0:01:56.281
Dica: é só cortar a primeira

0:01:56.281,0:01:59.233
letra do significado de "< ul >".

0:01:59.233,0:02:02.633
Isso mesmo, ele significa[br]"lista ordenada" (Ordened List).

0:02:02.633,0:02:04.566
Ele diz que um navegador deve numerar

0:02:04.566,0:02:06.533
automaticamente cada novo item.

0:02:06.533,0:02:09.500
No entanto, ainda usamos "< li >" para[br]adicionar novos itens

0:02:09.500,0:02:11.493
dentro da lista.

0:02:11.493,0:02:13.670
Vamos colocar[br]Pernalonga(Bugs Bunny)

0:02:13.670,0:02:15.866
temos "Tambor" (Thumper),

0:02:15.866,0:02:19.300
e, claro, não podemos esquecer do[br]"Coelhinho da Páscoa" (Easter Bunny).

0:02:20.988,0:02:22.453
O interessante das listas numeradas

0:02:22.453,0:02:24.963
é que o navegador toma conta[br]da numeração por nós.

0:02:25.033,0:02:27.733
Então se reorganizarmos, excluir[br]ou adicionar novos itens

0:02:27.733,0:02:29.960
ele sempre atualiza os[br]números corretamente.

0:02:30.400,0:02:32.133
Aí você me diz

0:02:32.133,0:02:33.730
que não conhece "Tambor" (Thumper).

0:02:33.800,0:02:35.933
Em primeiro lugar, só vou dizer que você

0:02:35.933,0:02:37.400
deve assistir o filme "Bambi".

0:02:37.400,0:02:39.300
Mas, vou mover contra minha vontade

0:02:39.300,0:02:41.233
"Tambor"(Thumper) para a parte inferior.

0:02:41.233,0:02:43.656
Agora, o pobre "Tambor" (Thumper)[br]é o número três.

0:02:44.466,0:02:47.043
Agora você tem tudo o que precisa[br]para fazer listas.

0:02:47.133,0:02:49.525
Vá em frente e faça uma lista de tudo.

0:02:49.525,0:02:54.725
Traduzido por [ Fernando dos Reis] Revisado por [Valter Bigeli]