1
00:00:00,633 --> 00:00:02,766
Você sabe o que eu amo? Listas.

2
00:00:02,766 --> 00:00:05,133
Você já fez uma lista de tarefas
ou de compras?

3
00:00:05,133 --> 00:00:07,342
Já leu uma lista em uma página web como:

4
00:00:07,342 --> 00:00:10,401
"As 10 caras de cachorros mais ridículas"?

5
00:00:10,401 --> 00:00:13,700
Eu aposto que sim, porque o
mundo está cheio de listas.

6
00:00:13,700 --> 00:00:16,100
O HTML nos dá algumas 'tags'
para fazermos listas,

7
00:00:16,100 --> 00:00:18,966
e vamos praticar, fazendo

8
00:00:18,966 --> 00:00:23,783
uma lista de razões pelas quais os coelhos
são grandes animais de estimação.

9
00:00:24,600 --> 00:00:26,873
Para começar uma lista com marcadores,

10
00:00:27,003 --> 00:00:30,166
devemos começar com a tag "< ul >".

11
00:00:30,502 --> 00:00:31,973
O que significa "< ul >" e o que ela faz?

12
00:00:32,433 --> 00:00:36,100
Aposto que você pode adivinhar o que o "l"
representa 'lista' (List).

13
00:00:36,100 --> 00:00:39,933
O "u", é um pouco mais complicado, 
ele representa 'não ordenada' (Unordered),

14
00:00:39,933 --> 00:00:42,800
isso significa que o navegador não
numerará os itens da lista

15
00:00:42,800 --> 00:00:44,816
Ele só vai adicionar pequenas marcações.

16
00:00:45,066 --> 00:00:48,367
Para ver o que quero dizer, 
vamos adicionar o primeiro item,

17
00:00:48,367 --> 00:00:50,200
"Eles são peludos".
(They're Furry)

18
00:00:50,200 --> 00:00:52,041
Viu o pequeno círculo no lado?

19
00:00:52,111 --> 00:00:53,268
Isso é um marcador.

20
00:00:53,268 --> 00:00:55,653
Agora, o que você acha 
que "< li >" significa?

21
00:00:55,933 --> 00:00:59,933
O "l" é de lista, e o "i" é de item,
ou seja, item da lista (List Item).

22
00:00:59,933 --> 00:01:01,630
Sempre que quisermos adicionar
um item

23
00:01:01,630 --> 00:01:05,633
precisamos adicionar um 
novo "< li >" sob o "< ul >".

24
00:01:05,633 --> 00:01:08,500
Cada "< ul >" deve ter pelo menos
um "< li >" sob ela,

25
00:01:08,500 --> 00:01:11,723
porque uma lista sem itens é muito chato.

26
00:01:11,723 --> 00:01:13,733
Vamos adicionar um pouco mais,

27
00:01:13,733 --> 00:01:17,366
"Grandes ouvintes"
(Great listeners) e...,

28
00:01:17,366 --> 00:01:21,535
"Come todas as suas sobras de cenouras"
(Eat all your leftover carrots)

29
00:01:22,146 --> 00:01:24,933
Esta deve ser uma lista
bastante convincente.

30
00:01:24,933 --> 00:01:28,433
Não sei quem não ia querer um coelho
depois de ler isso.

31
00:01:28,433 --> 00:01:30,000
Eu não numerei esta lista

32
00:01:30,000 --> 00:01:31,767
porque eu não acho que uma das razões

33
00:01:31,767 --> 00:01:33,600
seja mais importante do que a outra,

34
00:01:33,600 --> 00:01:36,666
mas tem um monte de vezes que queremos 
fazer listas numeradas.

35
00:01:36,666 --> 00:01:38,133
Como, se quiséssemos fazer uma

36
00:01:38,133 --> 00:01:43,133
Uma lista com os 
"Os três coelhos mais famosos".

37
00:01:44,866 --> 00:01:47,233
Para começar a nossa lista numerada,

38
00:01:47,233 --> 00:01:50,956
vamos usar um "< ol >" 
em vez de um "< ul >".

39
00:01:51,166 --> 00:01:53,733
Já descobriu o que significa "< ol >"?

40
00:01:54,633 --> 00:01:56,281
Dica: é só cortar a primeira

41
00:01:56,281 --> 00:01:59,233
letra do significado de "< ul >".

42
00:01:59,233 --> 00:02:02,633
Isso mesmo, ele significa
"lista ordenada" (Ordened List).

43
00:02:02,633 --> 00:02:04,566
Ele diz que um navegador deve numerar

44
00:02:04,566 --> 00:02:06,533
automaticamente cada novo item.

45
00:02:06,533 --> 00:02:09,500
No entanto, ainda usamos "< li >" para
adicionar novos itens

46
00:02:09,500 --> 00:02:11,493
dentro da lista.

47
00:02:11,493 --> 00:02:13,670
Vamos colocar
Pernalonga(Bugs Bunny)

48
00:02:13,670 --> 00:02:15,866
temos "Tambor" (Thumper),

49
00:02:15,866 --> 00:02:19,300
e, claro, não podemos esquecer do
"Coelhinho da Páscoa" (Easter Bunny).

50
00:02:20,988 --> 00:02:22,453
O interessante das listas numeradas

51
00:02:22,453 --> 00:02:24,963
é que o navegador toma conta
da numeração por nós.

52
00:02:25,033 --> 00:02:27,733
Então se reorganizarmos, excluir
ou adicionar novos itens

53
00:02:27,733 --> 00:02:29,960
ele sempre atualiza os
números corretamente.

54
00:02:30,400 --> 00:02:32,133
Aí você me diz

55
00:02:32,133 --> 00:02:33,730
que não conhece "Tambor" (Thumper).

56
00:02:33,800 --> 00:02:35,933
Em primeiro lugar, só vou dizer que você

57
00:02:35,933 --> 00:02:37,400
deve assistir o filme "Bambi".

58
00:02:37,400 --> 00:02:39,300
Mas, vou mover contra minha vontade

59
00:02:39,300 --> 00:02:41,233
"Tambor"(Thumper) para a parte inferior.

60
00:02:41,233 --> 00:02:43,656
Agora, o pobre "Tambor" (Thumper)
é o número três.

61
00:02:44,466 --> 00:02:47,043
Agora você tem tudo o que precisa
para fazer listas.

62
00:02:47,133 --> 00:02:49,525
Vá em frente e faça uma lista de tudo.

63
00:02:49,525 --> 00:02:54,725
Traduzido por [ Fernando dos Reis] Revisado por [Valter Bigeli]