O melhor tutorial tag HTML <table> em 2024. Neste tutorial você pode aprender Exemplos,Suporte a navegadores,definições e instruções tag,Diferenças entre HTML 4.01 e HTML5,propriedade,Propriedades globais,Propriedades de evento,Tente - Exemplo,artigos relacionados,
Uma tabela HTML simples, contendo dois duas linhas:
Todos os principais navegadores suportam a tag <table>.
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.
Em HTML5 apoio apenas a propriedade "border", e só permitir o uso do valor "1" ou "".
属性 | 值 | 描述 |
---|---|---|
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 不支持。规定表格的宽度。 |
<Table> tag suporta HTML propriedades globais .
<Table> tag suporta propriedades de evento HTML .
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.
HTML Tutorial: tabela HTML
Manual HTML DOM de referência: o objeto da tabela