O melhor tutorial tabela HTML em 2024. Neste tutorial você pode aprender HTML exemplo tabela:,exemplos on-line,tabela HTML,instância da tabela,tabelas HTML e propriedades de fronteira,cabeçalho da tabela HTML,mais exemplos,tags de tabela HTML,
Nome | Sobrenome | pontos |
---|---|---|
Jill | ferreiro | 50 |
Eva | Jackson | 94 |
banheiro | corça | 80 |
Adão | Johnson | 67 |
mesa
Este exemplo demonstra como criar uma tabela em um documento HTML.
(Você pode encontrar mais exemplos no final desta página.)
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.
O navegador exibe o seguinte ::
linha 1, célula 1 | linha 1, célula 2 |
linha 2, celular 1 | linha 2, célula 2 |
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:
cabeçalho da tabela usando o <th> tag é definido.
A maioria dos navegadores irá exibir o texto do cabeçalho em negrito centrado:
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 |
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.
标签 | 描述 |
---|---|
<table> | 定义表格 |
<th> | 定义表格的表头 |
<tr> | 定义表格的行 |
<td> | 定义表格单元 |
<caption> | 定义表格标题 |
<colgroup> | 定义表格列的组 |
<col> | 定义用于表格列的属性 |
<thead> | 定义表格的页眉 |
<tbody> | 定义表格的主体 |
<tfoot> | 定义表格的页脚 |