tabela HTML
HTML exemplo tabela:
Nome | Sobrenome | pontos |
---|---|---|
Jill | ferreiro | 50 |
Eva | Jackson | 94 |
banheiro | corça | 80 |
Adão | Johnson | 67 |
exemplos on-line
mesa
Este exemplo demonstra como criar uma tabela em um documento HTML.
(Você pode encontrar mais exemplos no final desta página.)
tabela HTML
Forma definida pela tag <table>. Cada tabela tem um número de linhas (definido pela marca <tr>), cada linha é dividido em um certo número de células (definido pela tag <td>). Refere-se ao conteúdo de cartas td dados da tabela (tabela de dados), isto é, a célula de dados. célula de dados pode conter texto, imagens, listas, parágrafos, formas, horizontal, mesas e assim por diante.
instância da tabela
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
O navegador exibe o seguinte ::
linha 1, célula 1 | linha 1, célula 2 |
linha 2, celular 1 | linha 2, célula 2 |
tabelas HTML e propriedades de fronteira
Se você não definir a fronteira atribuir a tabela não será mostrada. Às vezes isso é útil, mas a maior parte do tempo, nós queremos mostrar a fronteira.
Use a propriedade de fronteira para exibir uma tabela com bordas:
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
cabeçalho da tabela HTML
cabeçalho da tabela usando o <th> tag é definido.
A maioria dos navegadores irá exibir o texto do cabeçalho em negrito centrado:
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
O navegador exibe o seguinte:
cabeçalho 1 | cabeçalho 2 |
---|---|
linha 1, célula 1 | linha 1, célula 2 |
linha 2, celular 1 | linha 2, célula 2 |
mais exemplos
No table border
Este caso não demonstrou uma borda da tabela.
cabeçalho da tabela (posição)
Este exemplo demonstra como exibir o cabeçalho da tabela.
Tabela com cabeçalhos
Este exemplo demonstra com um título (legenda) do formulário
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.
Tags dentro da tabela
Este exemplo demonstra como apresentar elementos em diferentes elementos.
preenchimento da célula (preenchimento da célula)
Este exemplo demonstra como usar o preenchimento celular para criar um conteúdo de célula em branco e suas fronteiras entre os dois.
espaçamento de células (espaçamento de célula)
Este exemplo demonstra como usar o espaçamento celular para aumentar a distância entre as células.
tags de tabela HTML
标签 | 描述 |
---|---|
<table> | 定义表格 |
<th> | 定义表格的表头 |
<tr> | 定义表格的行 |
<td> | 定义表格单元 |
<caption> | 定义表格标题 |
<colgroup> | 定义表格列的组 |
<col> | 定义用于表格列的属性 |
<thead> | 定义表格的页眉 |
<tbody> | 定义表格的主体 |
<tfoot> | 定义表格的页脚 |