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).

 Atributos:

bgcolor=cor --

Cor de fundo da célula.

align=alinhamento_horizontal --

Alinhamento horizontal do conteúdo da célula.

Valores =

"left" (à esquerda)
"center" (no centro)
"right" (à direita)
valign=alinhamento_vertical --

Alinhamento vertical do conteúdo da célula.

Valores =

"top" (no topo)
"center" (no centro)
"bottom" (na base)
width=número --

Largura de célula - o número define a largura absoluta (em pontos) ou a largura relativa ao tamanho da tabela (em porcentagem).

height=número --

Altura de célula - o número define a altura absoluta (em pontos) ou em relação à altura da tabela (em porcentagem).

colspan=número --

Expande a célula para ocupar um número de células à direita de sua coluna.

rowspan=número --

Expande a célula para ocupar um número de células abaixo de sua linha.