Tabelle in HTML

Questo è il post #26 di 31 nella serie “HTML 101 - Le basi

Se vogliamo definire una struttura tabellare in HTML dobbiamo utilizzare l’elemento table. All’interno del tag table, dobbiamo usare il tag tr per definire ogni riga della tabella e all’interno di ogni riga dobbiamo usare il tag td per definire il contenuto di ogni colonna parte della riga.

Se vogliamo includere una didascalia come parte della tabella, dobbiamo usare il tag caption:

Esempio di semplice tabella in HTML

Intestazioni di tabella

Se vogliamo, come spesso accade, avere delle righe e colonne d’intestazione nella nostra tabella dobbiamo utilizzare il tag th (table header). Vediamo lo stesso esempio precedente ma con l’aggiunta di una intestazione di tabella:

Esempio di tabella con intestazione

Lo stile di default applicato all’intestazione della tabella è quello di applicare il grassetto al testo della riga d’intestazione.

Per maggiori informazioni e la documentazione potete consultare il Mozilla Developer Network.