WEBVTT

00:00:00.633 --> 00:00:02.766
Você sabe o que eu amo? Listas.

00:00:02.766 --> 00:00:05.133
Você já fez uma lista de tarefas
ou de compras?

00:00:05.133 --> 00:00:07.342
Já leu uma lista em uma página web como:

00:00:07.342 --> 00:00:10.401
"As 10 caras de cachorros mais ridículas"?

00:00:10.401 --> 00:00:13.700
Eu aposto que sim, porque o
mundo está cheio de listas.

00:00:13.700 --> 00:00:16.100
O HTML nos dá algumas 'tags'
para fazermos listas,

00:00:16.100 --> 00:00:18.966
e vamos praticar, fazendo

00:00:18.966 --> 00:00:23.783
uma lista de razões pelas quais os coelhos
são grandes animais de estimação.

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

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

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

00:00:32.433 --> 00:00:36.100
Aposto que você pode adivinhar o que o "l"
representa 'lista' (List).

00:00:36.100 --> 00:00:39.933
O "u", é um pouco mais complicado, 
ele representa 'não ordenada' (Unordered),

00:00:39.933 --> 00:00:42.800
isso significa que o navegador não
numerará os itens da lista

00:00:42.800 --> 00:00:44.816
Ele só vai adicionar pequenas marcações.

00:00:45.066 --> 00:00:48.367
Para ver o que quero dizer, 
vamos adicionar o primeiro item,

00:00:48.367 --> 00:00:50.200
"Eles são peludos".
(They're Furry)

00:00:50.200 --> 00:00:52.041
Viu o pequeno círculo no lado?

00:00:52.111 --> 00:00:53.268
Isso é um marcador.

00:00:53.268 --> 00:00:55.653
Agora, o que você acha 
que "< li >" significa?

00:00:55.933 --> 00:00:59.933
O "l" é de lista, e o "i" é de item,
ou seja, item da lista (List Item).

00:00:59.933 --> 00:01:01.630
Sempre que quisermos adicionar
um item

00:01:01.630 --> 00:01:05.633
precisamos adicionar um 
novo "< li >" sob o "< ul >".

00:01:05.633 --> 00:01:08.500
Cada "< ul >" deve ter pelo menos
um "< li >" sob ela,

00:01:08.500 --> 00:01:11.723
porque uma lista sem itens é muito chato.

00:01:11.723 --> 00:01:13.733
Vamos adicionar um pouco mais,

00:01:13.733 --> 00:01:17.366
"Grandes ouvintes"
(Great listeners) e...,

00:01:17.366 --> 00:01:21.535
"Come todas as suas sobras de cenouras"
(Eat all your leftover carrots)

00:01:22.146 --> 00:01:24.933
Esta deve ser uma lista
bastante convincente.

00:01:24.933 --> 00:01:28.433
Não sei quem não ia querer um coelho
depois de ler isso.

00:01:28.433 --> 00:01:30.000
Eu não numerei esta lista

00:01:30.000 --> 00:01:31.767
porque eu não acho que uma das razões

00:01:31.767 --> 00:01:33.600
seja mais importante do que a outra,

00:01:33.600 --> 00:01:36.666
mas tem um monte de vezes que queremos 
fazer listas numeradas.

00:01:36.666 --> 00:01:38.133
Como, se quiséssemos fazer uma

00:01:38.133 --> 00:01:43.133
Uma lista com os 
"Os três coelhos mais famosos".

00:01:44.866 --> 00:01:47.233
Para começar a nossa lista numerada,

00:01:47.233 --> 00:01:50.956
vamos usar um "< ol >" 
em vez de um "< ul >".

00:01:51.166 --> 00:01:53.733
Já descobriu o que significa "< ol >"?

00:01:54.633 --> 00:01:56.281
Dica: é só cortar a primeira

00:01:56.281 --> 00:01:59.233
letra do significado de "< ul >".

00:01:59.233 --> 00:02:02.633
Isso mesmo, ele significa
"lista ordenada" (Ordened List).

00:02:02.633 --> 00:02:04.566
Ele diz que um navegador deve numerar

00:02:04.566 --> 00:02:06.533
automaticamente cada novo item.

00:02:06.533 --> 00:02:09.500
No entanto, ainda usamos "< li >" para
adicionar novos itens

00:02:09.500 --> 00:02:11.493
dentro da lista.

00:02:11.493 --> 00:02:13.670
Vamos colocar
Pernalonga(Bugs Bunny)

00:02:13.670 --> 00:02:15.866
temos "Tambor" (Thumper),

00:02:15.866 --> 00:02:19.300
e, claro, não podemos esquecer do
"Coelhinho da Páscoa" (Easter Bunny).

00:02:20.988 --> 00:02:22.453
O interessante das listas numeradas

00:02:22.453 --> 00:02:24.963
é que o navegador toma conta
da numeração por nós.

00:02:25.033 --> 00:02:27.733
Então se reorganizarmos, excluir
ou adicionar novos itens

00:02:27.733 --> 00:02:29.960
ele sempre atualiza os
números corretamente.

00:02:30.400 --> 00:02:32.133
Aí você me diz

00:02:32.133 --> 00:02:33.730
que não conhece "Tambor" (Thumper).

00:02:33.800 --> 00:02:35.933
Em primeiro lugar, só vou dizer que você

00:02:35.933 --> 00:02:37.400
deve assistir o filme "Bambi".

00:02:37.400 --> 00:02:39.300
Mas, vou mover contra minha vontade

00:02:39.300 --> 00:02:41.233
"Tambor"(Thumper) para a parte inferior.

00:02:41.233 --> 00:02:43.656
Agora, o pobre "Tambor" (Thumper)
é o número três.

00:02:44.466 --> 00:02:47.043
Agora você tem tudo o que precisa
para fazer listas.

00:02:47.133 --> 00:02:49.525
Vá em frente e faça uma lista de tudo.

00:02:49.525 --> 00:02:54.725
Traduzido por [ Fernando dos Reis] Revisado por [Valter Bigeli]