Exemplo
Uma tabela HTML simples, contendo duas colunas e duas linhas:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Tente você mesmo " Mais "Tente você mesmo" exemplos abaixo.
Definição e Uso
O <table> tag define uma tabela HTML.
Uma tabela HTML consiste no <table> elemento e um ou mais <tr> , <th> , e <td> elementos.
O <tr> elemento define uma linha da tabela, o <th> elemento define um cabeçalho de tabela, eo <td> elemento define uma célula da tabela.
Uma tabela HTML mais complexa pode também incluir <caption>, <col>, <colgroup>, <thead>, <tfoot> e <tbody> elementos.
Suporte a navegadores
| Elemento | |||||
|---|---|---|---|---|---|
| <table> | sim | sim | sim | sim | sim |
Diferenças entre HTML 4.01 e HTML5
O "align", "bgcolor", "cellpadding", "cellspacing", "frame", "rules", "summary" e "width" atributos não são suportados em HTML5.
Atributos
| Atributo | Valor | Descrição |
|---|---|---|
| align | left center right | Não suportado em HTML5. Especifica o alinhamento de uma mesa de acordo com o texto circundante |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | Não suportado em HTML5. Especifica a cor de fundo para uma mesa |
| border | 1 0 | Especifica se a tabela está sendo usado para fins de layout |
| cellpadding | pixels | Não suportado em HTML5. Especifica o espaço entre a parede da célula e o teor de células |
| cellspacing | pixels | Não suportado em HTML5. Especifica o espaço entre as células |
| frame | void above below hsides lhs rhs vsides box border | Não suportado em HTML5. Especifica quais partes das fronteiras externas que devem ser visíveis |
| rules | none groups rows cols all | Não suportado em HTML5. Especifica quais partes das bordas internas que devem ser visíveis |
| sortable | sortable | Especifica que a tabela deve ser classificável |
| summary | text | Não suportado em HTML5. Especifica um resumo do conteúdo de uma tabela |
| width | pixels % | Não suportado em HTML5. Especifica a largura de uma mesa |
Atributos globais
O <table> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <table> tag também suporta o evento Atributos em HTML .
Tente você mesmo - Exemplos
cabeçalhos da tabela
Como criar cabeçalhos da tabela.
Tabela com uma legenda
Uma tabela HTML com uma legenda.
Marcações dentro de uma tabela
Como exibir elementos dentro de outros elementos.
Células que abrangem mais de uma linha / coluna
Como definir células da tabela que se estendem por mais de uma linha ou uma coluna.
Páginas relacionadas
Tutorial HTML: tabelas HTML
Referência HTML DOM: Table Objeto
CSS Tutorial: Styling tabelas
Configurações CSS padrão
A maioria dos navegadores irá exibir o <table> elemento com os seguintes valores padrão:
Exemplo
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
} Tente você mesmo "