Codici della tabella HTML vengono utilizzati per creare presentazioni di dati in formato tabulare per pagine Web. Quando è necessario visualizzare i dati utilizzando tabelle e righe, utilizzare tabella codici. Le tabelle più elementari in HTML utilizzano solo il tag "< table >" plus "< tr >" per le righe della tabella e "< td >" per le celle della tabella. Altri tag e i relativi attributi possono fare le tabelle più significativo, però.

Tabelle, righe e celle

Tutte le tabelle HTML devono iniziare e terminare con un insieme di tag < table >. Una volta che questi tag nel codice, è possibile creare righe per il vostro tavolo e dare ogni riga come molte cellule come si necessità utilizzando < tr > e tag < td >. Per esempio:

< table >

< tr >

<td>Row 1, Cell 1</td>

<td>Row 1, Cell 2</td>

< /tr >

< tr >

<td>Row 2, Cell 3</td>

<td>Row 2, Cell 4</td>

< /tr >

< / tabella >

Intestazioni di tabella

Browser Web visualizzare intestazioni di tabella con testo in grassetto per impostazione predefinita, ma il browser non riconoscerà un titolo all'interno di una tabella, a meno che non si utilizza tag di intestazione di tabella. Creare una titolo in primo luogo eseguendo il wrapping di una riga di tabella in < thead > tag di tabella e quindi utilizzare < th > anziché < td > per creare le celle, come nel seguente esempio:

< thead >

< tr >

<th>Column Heading 1</th>

<th>Column Heading 2</th>

< /tr >

< / thead >

Una tabella può anche avere un corpo. Se si definisce una voce nella tabella, avvolgere le righe rimanenti in una coppia di tag < tbody > per definire il corpo della tabella. Tag di tabella piè di pagina... < tfoot >..--Inoltre esistono ma sono usati raramente.

Tabella didascalie

Il tag "< >" caption in HTML sono destinate all'uso in tabelle, piuttosto che immagini. Questi tag devono essere inseriti subito dopo il tag di apertura < table > Se si desidera una didascalia. Testo all'interno del contenitore < caption > diventa didascalia della tabella e viene visualizzato sopra la tabella.

Attributi del Tag di tabella

Gli attributi all'interno dei tag relativi alle tabelle dovrebbero definire ulteriormente la struttura e il contenuto della tabella, piuttosto che il suo aspetto. L'attributo "colspan" rimane importante perché può unire celle in una riga. Quando una tabella dispone di quattro celle per ogni riga, ma una riga deve solo due celle, impostazione "colspan" a "2" farà ciascuno di tali cellule stendere due colonne:

< tr >

< td colspan = "2" > una cella < /td >

< /tr >

< tr >

< td > una delle due celle < /td >

< td > seconda di due celle < /td >

< /tr >

Un altro attributo, che è possibile aggiungere è "Riepilogo", che va dentro il tag "< table >". Utilizzare questo attributo per dare maggiori informazioni ai visitatori non vedenti che utilizzano screen reader:

< tabella Riepilogo = "Una sintesi del contenuto di questa tabella" >