HTML
TABELAS
Tabelas auxiliam na visualização de dados ou na divisão de sua página em setores. Entenda por uma tabela HTML como sendo semelhante a uma tabela que você desenhar ia numa folha de papel ou num outro programa de computador.
As tabelas são perfeitas para organizar e apresentar dados de forma prática. É possível inserir texto, imagens ou links em tabelas, distribuindo melhor as informações em uma página.
Este é um dos tópicos mais importantes, porque é imprescindível dominar bem o uso de tabelas para criar um bom layout html. Praticamente todas as páginas web utilizam recursos de tabela para diagramar seus elementos. Porém a utilização de estilos (CSS) para posicionamento de elementos na página está crescendo cada vez mais, e já existem páginas com layout muito bom sem o uso de tabelas, usando apenas CSS.
Uma tabela é formada pelas seguintes TAG's:
O elemento principal é o TABLE que vem sempre acompanhado do BORDER que abre e fecha o a tabela.
TR define o número de linhas na tabela.
TD (dentro da TAG TR) define o número de colunas da tabela.
TH define o cabeçalho da tabela, ou titulo das informaçoes a serem listadas.
E aqui segue um exemplo simples de tabela:
| Cabeçalho | ou Tiitulo | titulo |
|---|---|---|
| info | info | info |
Exibição das tag's:
È importante lembrar que a tag TH sempre será o titulo da informação e por isso automaticamente o texto fica em negrito, enquanto a tag TD será o conteúdo da informação independente da ordem da tabela.
É possível definir alguns atributos para tabelas como:
