>> COLUNA 1: Suponha que você tenha algum tabular os dados que você gostaria para o layout
em uma página da web em uma tabela, com linhas e colunas.
Como podemos fazer isso?
>> Bem, com antecedência aqui que eu comecei iniciado com table.html, com alguns
marcas abertas e algumas tags fechadas.
Dentro do corpo, agora, vamos incluir a tag mesa.
E preventivamente, apenas para que eu não esquecer, vamos incluir a tabela perto
tag bem.
Dentro disso, vamos especificar uma linha da tabela com uma tag tr.
E, também preventivamente, fechar isso.
>> Agora dentro desta linha, vamos definir o colunas ou os dados que serão
dentro dessas colunas, ou as células no mesmo.
Para fazer isso, vamos usar o tag td para os dados da tabela.
Próximo suporte Abrir suporte td.
E agora, que tal começar a simular números de um telefone.
Vamos começar com um, e, em seguida, fechar esta tag de dados da tabela.
Vamos abrir um novo com 2.
Feche que um também.
E depois um terceiro.
td 3 próximo td.
>> Para onde estou indo com isso?
Bem, eu afirmo que, porque temos um linha da tabela, dentro do qual temos
três datas da tabela, temos essencialmente o início de uma tabela que tem um
linha e três colunas.
Vamos agora dar-lhe algum linhas adicionais.
>> Abaixo da tag tr perto, vamos abrir outra tag tr, e preventivamente perto
que um bem.
Dentro disso, vamos agora fazer td 4, td 5, e td 6.
Abaixo dessa linha, vamos fazer uma terceira.
Abrir linha da tabela, perto linha da tabela.
Dentro desta, td 7, td 8, 9 e td.
>> Por fim, apenas para fazer coisas interessantes, complete o fundo
deste teclado do telefone.
Abrir tr tr e fechar.
E dentro disso, estrela de td, td 0, e td libra.
Vamos agora salvar o arquivo, a mudança suas permissões e
vê-lo com um navegador.
>> Chmod a + r table.html.
Vamos agora abrir Chrome.
http://localhost/table.html.
E aí temos o que parece para ser uma tabela HTML.
Ele não chega a parecer que eu esperava.
Vamos, pelo menos, adicionar uma borda em torno de agora todas as células da tabela.
>> Vamos voltar para gedit e role até a própria marca de tabela.
E vamos adicionar um atributo, conhecido como "Fronteira", que especifica um valor numérico
valor para a largura de uma borda.
Border é igual entre aspas 1, onde 1 indica a largura
da borda da tabela.
Vamos salvar o arquivo e recarregue a página no meu navegador.
>> Voltar no Chrome, recarregar.
E aí temos isso.
Muito feio, mas mesmo assim dados tabulares.