HTML é uma linguagem básica de desenvolvimento de páginas web , que usa um sistema de tags pré- definidas fechado no interior dos símbolos " < " e "> " . Cada linha de código tem uma tag aberta e uma fechada tag :
. As informações que você deseja exibir na página está localizada entre estas tags abertas e fechadas . Um dos recursos avançados da linguagem de programação HTML é a mesa , que é delimitada dentro do conjunto tag tabela:
. Criando uma tabela em HTML
Usando o abriu e marcas de tabela fechados você pode criar uma estrutura de tabela simples, você pode usar as muitas outras marcas disponíveis no seio da família de marcas que são usadas dentro de sua tabela HTML para criar algo muito complexo. Elementos de estilo definir o tamanho, posição , fronteiriços e outros atributos da tabela. As informações estilo seria acrescentado apenas à tag aberta , como um exemplo , para adicionar uma borda de 1 pixel para a tabela que você usaria esse conjunto tag:
< . br>
A própria marca de tabela não produz as células para a exibição , no entanto. A fim de produzir as células , você vai precisar adicionar uma marca definida entre as marcas de tabela abertos e fechados. Os conjuntos de tags utilizadas para a criação de linhas e colunas são os
e
| marcas , a tag "tr" é para a criação de uma linha ea tag " td " é para criação de uma coluna . Você também pode usar a tag "th" no lugar da tag " td " para criar um cabeçalho da tabela , o que estilos automaticamente o conteúdo da célula para distingui-lo como um cabeçalho
As regras para a programação de uma mesa. estado que você deve incluir as tags "TD" dentro das tags "TR" dentro das tags de "tabela" . A tabela de uma célula simples, com uma borda de 1 pixel em torno dele ficaria assim :
. Para criar mais colunas você poderia simplesmente colocar mais
| marcas dentro dos
marcas e criar mais linhas você gostaria de acrescentar mais
tags dentro
tags.
tabelas de aninhamento HTML
tabelas do assentamento significa simplesmente colocar uma tabela dentro de uma célula de outra tabela. A nova tabela seria colocado entre os
| marcas de tabela pai. A tabela de uma célula simples, com uma borda de 1 pixel definido dentro de uma tabela de duas células com uma borda de 1 pixel ficaria assim :
| Row 1, coluna 1 | | linha 1, Coluna 2 - Nested Table | < /table> . A tabela aninhada neste exemplo está localizado na primeira linha ea segunda coluna , você pode adicionar mais "tr" e tags " TD" para a tabela aninhada , adicione mais "tr" e tags " TD" para a tabela pai , ou até mesmo adicionar mais tabelas aninhadas dentro das células de tabela pai ou a tabela aninhada para criar uma estrutura mais complexa.
Dicas para tabelas de aninhamento
Quando você começar a fazer tabelas e aninhando-os para criar estruturas mais complexas , pode ficar um pouco confuso . É uma boa idéia para desenhar um diagrama das tabelas antes de começar , para que você possa consultá-la e fazer anotações enquanto você trabalha. Ao criar o código, cada novo conjunto de tags deve ter sua própria linha , coloque em uma parada dura ( enter) depois de cada tag fechada e , em seguida, adicionar guias para recuar cada conjunto de tags. Este tipo de estruturação vai fazer suas tabelas mais fácil de ler
Você também pode comentar sobre as linhas em sua programação através de um comentário conjunto tag especial , use " <- " para abrir o comentário e "- . - > " a fechar. Comentando pode ser colocado em qualquer lugar dentro do código HTML e é uma boa maneira de adicionar notas para lembrar-se do que você codificada.
Criando seu aninhados de baixo para cima também é uma boa maneira para evitar confusão. Você gostaria de começar com a sua mesa de jogo mais profunda ( consulte o diagrama que você tenha criado ) e , em seguida, coloque-o em sua tabela pai e continuar a trabalhar para fora desta maneira. Salve seu trabalho com freqüência e carregar a página em um navegador para certificar-se a estrutura está saindo do jeito que você imagina .
|
