<table>

Tabela

Definição:

A tag <table> vem do inglês table e significa tabela.

Esta tag permite a criação de tabelas com linhas e colunas.

Tags relacionadas: <caption>, <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> e <tr>.

Suporte:

Netscape: 2.0
Internet Explorer: 2.0
Aceito nas especificações DTD: Estrito, Transicional e Frameset

Dicas:

Tabelas devem ser utilizadas para organizar e apresentar dados. O uso de tabelas na organização do layout de elementos na página é considerado obsoleto. Folhas de estilo em cascata oferecem uma forma muito mais rica e eficiente organizar o layout de páginas.

Recomenda-se associar uma tag <caption> a cada tabela na página pois esta provê informação adicional sobre a mesma.

Tabelas podem ser aninhadas dentro de outras tabelas.

Exemplo:

Código Resultado

<table rules="all" align="center" border="3" frame="box"><caption>Exemplo de tabela
</caption><thead><tr><th>cabeçalho1</th>
<th>cabeçalho 2</th></tr>
</thead><tfoot><tr><td>rodapé 1</td>
<td>rodapé 2</td></tfoot>
<tbody><tr><td>célula 1</td>
<td>célula 2</td></tr><tr>
<td>célula 3</td><td>célula 4</td>
</tr></tbody></table>
Exemplo de tabela
cabeçalho1 cabeçalho 2
rodapé 1 rodapé 2
célula 1 célula 2
célula 3 célula 4

 Atributos Padrão:

class, dir, id, lang, style, title

Atributos Opcionais:

Atributo Valor Descrição
align center
left
right		 Especifica o alinhamento da tabela em relação ao bloco em que ela está contida. Este atributo é obsoleto e não deve ser usado. Use folhas de estilo em cascata (CSS) ao invés. Este atributo não é suportado na especificação DTD estrito.
bgcolor #RRGGBB
nome_da_cor		 Especifica uma cor de fundo para a tabela. Pode-se utilizar a combinação de números hexadecimais no formato RGB onde cada componente é dado pelo seu equivalente em hexadecimal, ou pelo nome pré-definido da cor. Este atributo é obsoleto e não deve ser sado. Use folhas de estilo em cascata ao invés. Este atributo não é suportado na especificação DTD estrito.
border pixels Especifica a espessura da borda da tabela em pixels. Se este valor for 0 (zero), a tabela não terá bordas.
cellpadding pixels
%		 Especifica o espaçamento entre a borda interna e o conteúdo da célula.
cellspacing pixels
%		 Especifica o espaçamento entre células da tabela.
frame above
below
border
box
hsides
lhs
rhs
void
vsides

Especifica qual lado da borda externa da tabela será visível.

above = apenas a parte de cima
below = apenas a parte de baixo
border = todos os quato lados
box = todos os quatro lados
hsides = apenas a parte de cima e a parte de baixo
lhs = apenas o lado esquerdo
rhs = apenas o lado direito
void = nenhum dos lados (valor padrão)
vsides = apenas o lado direito
rules all
cols
groups
none
rows

Especifica como as bordas internas da tabela devem ser apresentadas.

all = bordas serão mostradas entre todas as linhas e colunas
cols = bordas serão mostradas apenas entre colunas
groups = bordas serão mostradas apenas entre grupos de linhas e grupos de colunas
none = nenhuma borda interna será apresentada
rows = bordas serão mostradas apenas entre linhas
summary text Especifica um sumário do conteúdo da tabela. Este conteúdo será lido por leitores de tela.
width pixels
%		 Especifica a largura da tabela.

Eventos Associados:

onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup