HTML: <table> tag

Exemplo online

Dois exemplos de tabelas HTML:

Exemplo

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Uso da etiqueta HTML table (Tutorial básico HTML oldtoolbag.com)</title>
</head>
<body>
<table border="1">
　　<tr>
　　　　<th>Item</th>
　　　　<th>Quantidade</th>
　　</tr>
　　<tr>
　　　　<td>Bananas</td>
　　　　<td>$5</td>
　　</tr>
　　<tr>
　　　　<td>Oranges</td>
　　　　<td>$17</td>
　　</tr>
</table>
<br>
<table border="1">
　　　　<thead>
　　　　　　　　<tr>
　　　　　　　　　　　　<th colspan="2第79段">/th>
　　　　　　　　</tr>
　　　　</thead>
　　　　<tbody>
　　　　　　　　<tr>
　　　　　　　　　　　　<td>The table body</td>
　　　　　　　　　　　　<td>with two columns</td>
　　　　　　　　</tr>
　　　　</tbody>
</table>
</body>
</html>

teste e veja ‹/›

compatibilidade do navegador

IEFirefoxOperaChromeSafari

todos os navegadores populares suportam a tag <table>.

definição e instruções de uso

o tag <table> define a tabela HTML

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

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

tabelas HTML mais complexas podem incluir elementos <caption>, <col>, <colgroup>, <thead>, <tfoot> e <tbody>.

HTML 4.01 com HTML5diferenças

no HTML5 em, suporta apenas o atributo "borda" e permite usar apenas o valor "1" ou ""

atributo

atributo	valor	descrição
alinhamento	à esquerda no centro à direita	HTML5 não suportado. HTML 4.01 descontinuado. especifica o alinhamento relativo da tabela em relação aos elementos ao redor.
cor de fundo	rgb(x,x,x) #xxxxxx nome da cor	HTML5 não suportado. HTML 4.01 descontinuado. especifica a cor de fundo da tabela.
borda	1 ""	especifica se a célula da tabela possui borda.
espaço entre conteúdo e borda da célula	pixels	HTML5 não suportado. Especifica o espaço entre a borda da célula e seu conteúdo.
espaço entre células	pixels	HTML5 não suportado. Especifica o espaço entre as células.
quadro	vazio 　acima 　abaixo 　lados horizontais 　esquerda 　direita 　lados verticais 　caixa 　borda	HTML5 não suportado. Especifica qual parte da borda externa é visível.
regras	nenhum 　grupos 　linhas 　colunas 　todos	HTML5 não suportado. Especifica qual parte da borda interna é visível.
resumo	text	HTML5 Não suportado. Define o resumo da tabela.
width	pixels 　%	HTML5 Não suportado. Define a largura da tabela.

Atributos globais

O tag <table> suporta Atributos globais do HTML.

Atributos de evento

O tag <table> suporta Atributos de evento do HTML.

Mais exemplos online

Tabela sem borda
Este exemplo demonstra uma tabela sem borda.

Cabeçalho da tabela (Heading)
Este exemplo demonstra como exibir o cabeçalho da tabela.

Tabela com título
Este exemplo demonstra uma tabela com título (caption).

Células de tabela que se estendem por linhas ou colunas
Este exemplo demonstra como definir células de tabela que se estendem por linhas ou colunas.

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

Margem entre células (Cell padding)
Este exemplo demonstra como usar o Cell padding para criar espaço entre o conteúdo da célula e sua borda.

Espaçamento entre células (Cell spacing)
Este exemplo demonstra como usar o Cell spacing para aumentar o espaço entre as células.

Manual de referência HTML

大全 de etiquetas HTML