Latest web development tutorials

tag HTML <table>

Exemplos

Uma tabela HTML simples, contendo dois duas linhas:

<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>

tente »
(Para mais exemplos, ver o fundo da página)

Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos os principais navegadores suportam a tag <table>.


definições e instruções tag

Tag <table> define uma tabela HTML

A tabela inclui um HTML <table> elemento, um ou mais <tr> , <th> e <td> elementos.

<Tr> elemento define uma linha da tabela, <th> elemento define o cabeçalho da tabela, <td> elemento define uma célula da tabela.

formas mais complexas também podem incluir HTML <caption>, <col>, <colgroup>, <thead>, <tfoot> e <tbody> elemento.


Diferenças entre HTML 4.01 e HTML5

Em HTML5 apoio apenas a propriedade "border", e só permitir o uso do valor "1" ou "".


propriedade

属性 描述
align left
center
right
HTML5 不支持。HTML 4.01 已废弃。 规定表格相对周围元素的对齐方式。
bgcolor rgb(x,x,x)
#xxxxxx
colorname
HTML5 不支持。HTML 4.01 已废弃。 规定表格的背景颜色。
border 1
""
规定表格单元是否拥有边框。
cellpadding pixels HTML5 不支持。规定单元边沿与其内容之间的空白。
cellspacing pixels HTML5 不支持。规定单元格之间的空白。
frame void
above
below
hsides
lhs
rhs
vsides
box
border
HTML5 不支持。规定外侧边框的哪个部分是可见的。
rules none
groups
rows
cols
all
HTML5 不支持。规定内侧边框的哪个部分是可见的。
summary text HTML5 不支持。规定表格的摘要。
width pixels
%
HTML5 不支持。规定表格的宽度。


Propriedades globais

<Table> tag suporta HTML propriedades globais .


Propriedades de evento

<Table> tag suporta propriedades de evento HTML .


Exemplos

Tente - Exemplo

título da tabela
Este exemplo demonstra como exibir cabeçalhos da tabela.

As células vazias
Este exemplo demonstra como usar o "& nbsp;" nenhuma célula de processamento de conteúdo.

Tabela com cabeçalhos
Este exemplo demonstra com uma forma de título (legenda).

Tags dentro da tabela
Este exemplo demonstra como exibir elementos dentro de outros elementos.

Interbancário em colunas ou célula da tabela
Este exemplo demonstra como a definir transversal ou ao longo das colunas de uma célula da tabela.


artigos relacionados

HTML Tutorial: tabela HTML

Manual HTML DOM de referência: o objeto da tabela