Latest web development tutorials

tabela HTML

HTML exemplo tabela:

Nome Sobrenome pontos
Jill ferreiro 50
Eva Jackson 94
banheiro corça 80
Adão Johnson 67


Exemplos

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

<table border="1">
<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:

<table border="1">
<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:

<table border="1">
<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


Exemplos

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> 定义表格的页脚