6.4 - Célula de tabela: TH ou TR |
Numa tabela, cada linha contém uma seqüência de células. Cada célula pode ser uma "célula de cabeçalho" (elemento TH - Table Header) ou uma "célula de dado" (elemento TD - Table Date). Estude os exemplos observando a utilização destes dois tipos de célula:
Geralmente as células de cabeçalho são utilizadas somente na primeira linha ou na primeira coluna de uma tabela, ou em ambas (mas não nas células do meio), de acordo com a estrutura da tabela a ser traçada. A célula de cabeçalho apresenta o conteúdo em negrito e horizontalmente centralizado. A célula de dado apresenta o conteúdo sem negrito e alinhado à esquerda.
Atributos bgcolor, align, valign
Estude os exemplos:
O atributo bgcolor especifica uma cor de fundo para a célula. O atributo align especifica o alinhamento horizontal do conteúdo da célula. O atributo valign especifica o alinhamento vertical do conteúdo da célula.
Quando estes atributos são especificados na célula, eles têm prioridade sobre os atributos especificados na linha ou na tabela - por exemplo, se a tabela tem a cor preta de fundo, mas uma célula em particular tem a cor de fundo amarela, então esta célula será visualizada com a cor de fundo amarela e não com a cor preta (da tabela).
Atributos width, height
Estude os exemplos:
O atributo width especifica a largura da célula. O atributo height especifica a altura da célula. Se os valores destes atributos são definidos em porcentagem, então o tamanho da célula será definido em relação ao tamanho total da tabela (e não em relação ao tamanho da janela).
Atributos colspan e rowspan
Estude o exemplo:
Os atributos colspan e rowspan possibilitam que uma única célula ocupe o lugar de várias células vizinhas - como se as células fossem fundidas numa única, como se a divisão entre elas fosse apagada. O atributo colspan=n faz com que a célula ocupe o lugar das próximas n células vizinhas à direita de sua coluna (funde as células na mesma linha). O atributo rowspan=n faz com que a célula ocupe o lugar das próximas n células vizinhas abaixo de sua linha (funde as células na mesma coluna).
O quadro abaixo resume os principais atributos dos elementos TH e TD
(todos os atributos são válidos para os dois elementos).
|