tabella HTML
esempio tabella HTML:
| Nome | cognome | punti |
|---|---|---|
| Jill | fabbro | 50 |
| vigilia | Jackson | 94 |
| Giovanni | daino | 80 |
| Adamo | Johnson | 67 |
Esempi online
tavolo
Questo esempio dimostra come creare una tabella in un documento HTML.
(Si possono trovare altri esempi in fondo a questa pagina).
tabella HTML
Modulo definito dal tag <table>. Ogni tavolo ha un numero di linee (definito da <tr> tag), ogni linea è divisa in una pluralità di celle (definito dalla <td> tag). Si riferisce al contenuto di lettere td dati della tabella (dati della tabella), cioè la cella di dati. cella di dati può contenere testo, immagini, elenchi, paragrafi, forme, orizzontale, tabelle e così via.
esempio Tabella
<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>
Il browser visualizza il seguente ::
| riga 1, cella 1 | riga 1, 2 cellule |
| fila 2, cella 1 | fila 2, 2 cellule |
tabelle HTML e proprietà del bordo
Se non si definisce il confine attribuire il tavolo non mostrerà. A volte questo è utile, ma la maggior parte del tempo, vogliamo mostrare il confine.
Utilizzare la proprietà border per visualizzare una tabella con i bordi:
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
intestazione della tabella HTML
intestazione tabella utilizzando il <th> tag è definito.
La maggior parte dei browser visualizzare il testo di intestazione in grassetto centrato:
<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>
Il browser visualizza il seguente:
| Intestazione 1 | Intestazione 2 |
|---|---|
| riga 1, cella 1 | riga 1, 2 cellule |
| fila 2, cella 1 | fila 2, 2 cellule |
Altri esempi
Nessuna tabella di frontiera
Questo caso non ha dimostrato un bordo tavolo.
intestazione della tabella (voce)
Questo esempio dimostra come visualizzare l'intestazione della tabella.
Tabella con intestazioni
Questo esempio dimostra con un titolo (caption) del modulo
Interbancario attraverso colonne o cella di una tabella
Questo esempio dimostra come definire croce o attraverso le colonne di una cella di tabella.
Tag all'interno della tabella
Questo esempio dimostra come visualizzare elementi in diversi elementi.
Cellulare imbottitura (Cell padding)
Questo esempio dimostra come utilizzare l'imbottitura cella per creare un contenuto cella vuota e dei suoi confini tra.
spaziatura delle celle (spaziatura Cell)
Questo esempio dimostra come utilizzare la spaziatura cella per aumentare la distanza tra le celle.
tag HTML table
| 标签 | 描述 |
|---|---|
| <table> | 定义表格 |
| <th> | 定义表格的表头 |
| <tr> | 定义表格的行 |
| <td> | 定义表格单元 |
| <caption> | 定义表格标题 |
| <colgroup> | 定义表格列的组 |
| <col> | 定义用于表格列的属性 |
| <thead> | 定义表格的页眉 |
| <tbody> | 定义表格的主体 |
| <tfoot> | 定义表格的页脚 |