6.2 - Tabela: TABLE

O elemento TABLE é utilizado para construir uma tabela. Estude o exemplo observando os atributos deste elemento. Mude valores e observe os novos resultados.

O atributo border especifica a espessura da borda ao redor da tabela. O atributo cellpadding especifica o espaço entre a moldura da célula e seu conteúdo. O atributo cellspacing especifica o espaço entre as células e a borda da tabela (como também o espaço das células entre si).

Estude este outro exemplo observando alguns outros atributos do elemento TABLE:

O atributo bgcolor especifica a cor de fundo da tabela.

Por padrão, uma tabela ocupa o espaço necessário para mostrar os dados de suas células. Ao especificar o atributo width ou height é possível modificar este comportamento (ajuste automático ao conteúdo). O atributo width especifica a largura da tabela. O atributo height especifica a altura da tabela.

Se os valores destes atributos são definidos em porcentagem, então o tamanho da tabela será definido em relação ao tamanho total da da janela. Por exemplo, experimente redimensionar a janela onde o exemplo anterior é visualizado. Observe que a tabela também é redimensionada para ocupar 50% da largura total da janela. Observe, ainda no exemplo anterior, que a altura da tabela permanece constante em 100 pontos - o atributo height foi definido de forma absoluta (medida em pontos), independentemente do tamanho da janela.

  
O quadro abaixo resume os principais atributos do elemento TABLE.

 Atributos:

bgcolor=cor --

Cor de fundo da tabela.

width=número --

Largura total da tabela (em pontos ou porcentagem).

height=número --

Altura total da tabela (em pontos ou porcentagem).

border=número --

Expessura da borda da tabela (em pontos).

cellspacing=número --

Espaço entre as células da tabela (em pontos).

cellpadding=número --

Espaço entre a célula e seu conteúdo (em pontos).