Esempio
Una semplice tabella HTML, contenente due colonne e due righe:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Prova tu stesso " Più "Provate voi stessi" esempi di seguito.
Definizione e utilizzo
La <table> tag definisce una tabella HTML.
Una tabella HTML è composto dal <table> elemento e uno o più <tr> , <th> , e <td> elementi.
Il <tr> elemento definisce una riga della tabella, il <th> elemento definisce un colpo di testa da tavolo, ed il <td> elemento definisce una cella di tabella.
Una tabella HTML più complesso può anche includere <caption>, <col>, <colgroup>, <thead>, <tfoot> , e <tbody> elementi.
Supporto per il browser
| Elemento | |||||
|---|---|---|---|---|---|
| <table> | sì | sì | sì | sì | sì |
Differenze tra HTML 4.01 e HTML5
Il "align", "bgcolor", "cellpadding", "cellspacing", "frame", "rules", "summary" , e "width" attributi non sono supportati in HTML5.
attributi
| Attributo | Valore | Descrizione |
|---|---|---|
| align | left center right | Non supportato in HTML5. Specifica l'allineamento di una tabella in base al testo circostante |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | Non supportato in HTML5. Specifica il colore di sfondo per un tavolo |
| border | 1 0 | Specifica se la tabella viene utilizzato per scopi di layout |
| cellpadding | pixels | Non supportato in HTML5. Specifica lo spazio tra la parete cellulare e il contenuto della cella |
| cellspacing | pixels | Non supportato in HTML5. Specifica lo spazio tra le celle |
| frame | void above below hsides lhs rhs vsides box border | Non supportato in HTML5. Specifica quali parti dei confini esterni che dovrebbe essere visibile |
| rules | none groups rows cols all | Non supportato in HTML5. Specifica quali parti dei confini interni che deve essere visibile |
| sortable | sortable | Specifica che la tabella dovrebbe essere ordinabile |
| summary | text | Non supportato in HTML5. Specifica una sintesi del contenuto di una tabella |
| width | pixels % | Non supportato in HTML5. Specifica la larghezza di una tabella |
attributi globali
La <table> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
La <table> tag supporta anche l' evento Attributi in HTML .
Provate voi stessi - Esempi
intestazioni di tabella
Come creare intestazioni di tabella.
Tavolo con una didascalia
Una tabella HTML con una didascalia.
Tag all'interno di una tabella
Come visualizzare elementi all'interno di altri elementi.
Le cellule che si estendono su più di una riga / colonna
Come definire le celle di tabella che si estendono su più di una riga o una colonna.
Pagine correlate
HTML tutorial: tabelle HTML
Di riferimento HTML DOM: Table Object
CSS Tutorial: Styling Tabelle
Impostazioni predefinite CSS
La maggior parte dei browser visualizzerà il <table> elemento con i seguenti valori di default:
Esempio
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
} Prova tu stesso "