Argomenti:
Creare una tabella
Rappresentazione di tabelle con righe su più colonne
Rappresentazione di tabelle con colonne su più righe
Elementi per facilitare la lettura di tabelle lunghe
Dati rappresentabili in tabelle: risultati sportivi, orari treni, ecc...
Creazione di una tabella
Gli attributi scope="col" e scope="row" indicano il titolo di una colonna o riga
| Giorno | Orario | Treno | Destinazione |
|---|---|---|---|
| Lunedì | 08:00 | R 1234 | Milano |
| Martedì | 09:30 | IC 5678 | Roma |
| Mercoledì | 10:15 | FR 9101 | Napoli |
| Venerdì | fg 567 | Roma |
Inizo pagina
Estensione di una cella su più colonne: con il tag: colspan="num. colonne", una colonna deve essere tolta
- colspan="num
| Giorno | Orario | Treno | Destinazione |
|---|---|---|---|
| Lunedì | Milano | ||
| Martedì | 09:30 | IC 5678 | Roma |
Estensione di una cella su più colonne: con il tag: rowspan="num. righe", una riga deve essere tolta
- rowspan="num"
- Estensione di una cella su più righe
Dimensioni della tabella con vecchio codice
table width="300px" cellpadding="10px" cellspacing="5px"
| Orario | Treno | Destinazione | |
|---|---|---|---|
| Lunedì | 09.30 | sfd456 | Milano |
| Martedì | 09:30 | Roma |
Elementi che permettono un lettura facilitata in caso di tabelle lunghe
- thead
- titoli della tabella
- tbody
- corpo della tabella
- tfoot
- Ultima riga della tabella