1
00:00:00,000 --> 00:00:00,170

2
00:00:00,170 --> 00:00:02,740
>> COLUNA 1: Suponha que você tenha algum
tabular os dados que você gostaria para o layout

3
00:00:02,740 --> 00:00:05,470
em uma página da web em uma tabela,
com linhas e colunas.

4
00:00:05,470 --> 00:00:06,540
Como podemos fazer isso?

5
00:00:06,540 --> 00:00:10,480
>> Bem, com antecedência aqui que eu comecei
iniciado com table.html, com alguns

6
00:00:10,480 --> 00:00:12,300
marcas abertas e algumas tags fechadas.

7
00:00:12,300 --> 00:00:15,890
Dentro do corpo, agora, vamos
incluir a tag mesa.

8
00:00:15,890 --> 00:00:19,300
E preventivamente, apenas para que eu não
esquecer, vamos incluir a tabela perto

9
00:00:19,300 --> 00:00:20,760
tag bem.

10
00:00:20,760 --> 00:00:24,830
Dentro disso, vamos especificar
uma linha da tabela com uma tag tr.

11
00:00:24,830 --> 00:00:27,300
E, também preventivamente, fechar isso.

12
00:00:27,300 --> 00:00:31,550
>> Agora dentro desta linha, vamos definir o
colunas ou os dados que serão

13
00:00:31,550 --> 00:00:34,050
dentro dessas colunas,
ou as células no mesmo.

14
00:00:34,050 --> 00:00:37,470
Para fazer isso, vamos usar o
tag td para os dados da tabela.

15
00:00:37,470 --> 00:00:39,730
Próximo suporte Abrir suporte td.

16
00:00:39,730 --> 00:00:42,490
E agora, que tal começar a simular
números de um telefone.

17
00:00:42,490 --> 00:00:45,890
Vamos começar com um, e, em seguida,
fechar esta tag de dados da tabela.

18
00:00:45,890 --> 00:00:47,840
Vamos abrir um novo com 2.

19
00:00:47,840 --> 00:00:49,200
Feche que um também.

20
00:00:49,200 --> 00:00:50,270
E depois um terceiro.

21
00:00:50,270 --> 00:00:52,980
td 3 próximo td.

22
00:00:52,980 --> 00:00:54,000
>> Para onde estou indo com isso?

23
00:00:54,000 --> 00:00:57,840
Bem, eu afirmo que, porque temos um
linha da tabela, dentro do qual temos

24
00:00:57,840 --> 00:01:02,950
três datas da tabela, temos essencialmente
o início de uma tabela que tem um

25
00:01:02,950 --> 00:01:04,590
linha e três colunas.

26
00:01:04,590 --> 00:01:06,640
Vamos agora dar-lhe algum
linhas adicionais.

27
00:01:06,640 --> 00:01:11,300
>> Abaixo da tag tr perto, vamos abrir
outra tag tr, e preventivamente perto

28
00:01:11,300 --> 00:01:12,510
que um bem.

29
00:01:12,510 --> 00:01:21,600
Dentro disso, vamos agora
fazer td 4, td 5, e td 6.

30
00:01:21,600 --> 00:01:23,470
Abaixo dessa linha, vamos fazer uma terceira.

31
00:01:23,470 --> 00:01:25,680
Abrir linha da tabela, perto linha da tabela.

32
00:01:25,680 --> 00:01:34,970
Dentro desta, td 7, td 8, 9 e td.

33
00:01:34,970 --> 00:01:37,910
>> Por fim, apenas para fazer coisas interessantes,
complete o fundo

34
00:01:37,910 --> 00:01:39,430
deste teclado do telefone.

35
00:01:39,430 --> 00:01:42,530
Abrir tr tr e fechar.

36
00:01:42,530 --> 00:01:51,530
E dentro disso, estrela de td,
td 0, e td libra.

37
00:01:51,530 --> 00:01:54,090
Vamos agora salvar o arquivo, a mudança
suas permissões e

38
00:01:54,090 --> 00:01:56,440
vê-lo com um navegador.

39
00:01:56,440 --> 00:02:00,220
>> Chmod a + r table.html.

40
00:02:00,220 --> 00:02:02,300
Vamos agora abrir Chrome.

41
00:02:02,300 --> 00:02:08,430
http://localhost/table.html.

42
00:02:08,430 --> 00:02:11,610
E aí temos o que parece
para ser uma tabela HTML.

43
00:02:11,610 --> 00:02:13,920
Ele não chega a parecer que eu esperava.

44
00:02:13,920 --> 00:02:17,650
Vamos, pelo menos, adicionar uma borda em torno de agora
todas as células da tabela.

45
00:02:17,650 --> 00:02:21,670
>> Vamos voltar para gedit e role
até a própria marca de tabela.

46
00:02:21,670 --> 00:02:25,130
E vamos adicionar um atributo, conhecido como
"Fronteira", que especifica um valor numérico

47
00:02:25,130 --> 00:02:27,310
valor para a largura de uma borda.

48
00:02:27,310 --> 00:02:31,160
Border é igual entre aspas 1,
onde 1 indica a largura

49
00:02:31,160 --> 00:02:32,400
da borda da tabela.

50
00:02:32,400 --> 00:02:36,920
Vamos salvar o arquivo e recarregue
a página no meu navegador.

51
00:02:36,920 --> 00:02:38,920
>> Voltar no Chrome, recarregar.

52
00:02:38,920 --> 00:02:39,860
E aí temos isso.

53
00:02:39,860 --> 00:02:42,550
Muito feio, mas mesmo assim
dados tabulares.

54
00:02:42,550 --> 00:02:44,694