HTML - Tabelle

In HTML è possibile inserire tabelle di dati in questo modo
Per inserire una tabella è necessario utilizzare il tag <table> e il corrispettivo tag di chiusura </table>

All'interno del tag <table> e </table> si inseriscono le righe e colonne che formeranno la tabella utilizzando i tag <tr> e il corrispettivo tag di chiusura </tr>

All'interno del tag <tr> e </tr> si inserisce il testo che andrà ad occupare la cella utilizzando i tag <td> e il corrispettivo tag di chiusura </td>

Vediamo alcuni esempi per capire meglio il concetto
TABELLE
Esempio 1:

Risultato 1:

Colonna 1

Dato 1,1

Dato 2,1

Dato 3,1

Come si vede dall'esempio la tabella è composta da una sola colonna, ma se vogliamo più colonne basta replicare il tag <td> e </td> dopo la prima colonna, cioè dopo il tag di chiusura </td>

Esempio 2:

Risultato 2:

Colonna 1	Colonna 2
Dato 1,1	Dato 1,2
Dato 2,1	Dato 2,2
Dato 3,1	Dato 3,2

---

ATTRIBUTI PER LE TABELLE
Come si può vedere dagli esempi viene creata una tabella senza bordo, questo perché non è stato utilizzato alcun attributo all'interno dei tag.
Gli attributi possono essere utilizzati all'interno di tutti i tag <table> -  <tr> - <td> a seconda di dove viene inserito si avrà una risultato differente.

Bordo della tabella
Per applicare bordo alla tabella bisogna utilizzare l'attributo border all'interno del tag <table>

Esempio:

Risultato:

Colonna 1	Colonna 2
Dato 1,1	Dato 1,2
Dato 2,1	Dato 2,2
Dato 3,1	Dato 3,2

---

Colore bordo della tabella
E' possibile cambiare il colore del bordo aggiungendo l'attributo bordercolor all'interno del tag <table>
Esempio:

Il colore deve essere scritto in formato RGB esadecimale.
Risultato:

Colonna 1	Colonna 2
Dato 1,1	Dato 1,2
Dato 2,1	Dato 2,2
Dato 3,1	Dato 3,2

---

Sfondo della tabella
Per applicare lo sfondo alla tabella bisogna utilizzare l'attributo bgcolor all'interno del tag <table>

Esempio:

Il colore deve essere scritto in formato RGB esadecimale.
Risultato:

Colonna 1	Colonna 2
Dato 1,1	Dato 1,2
Dato 2,1	Dato 2,2
Dato 3,1	Dato 3,2

---

Sfondo della cella
Per applicare lo sfondo ad una singola cella bisogna utilizzare l'attributo bgcolor all'interno del tag <td>

Esempio:

Il colore deve essere scritto in formato RGB esadecimale.
Risultato:

Colonna 1	Colonna 2
Dato 1,1	Dato 1,2
Dato 2,1	Dato 2,2
Dato 3,1	Dato 3,2

---

Sfondo della riga
Per applicare lo sfondo ad una singola riga bisogna utilizzare l'attributo bgcolor all'interno del tag <tr>

Esempio:

Il colore deve essere scritto in formato RGB esadecimale.
Risultato:

Colonna 1	Colonna 2
Dato 1,1	Dato 1,2
Dato 2,1	Dato 2,2
Dato 3,1	Dato 3,2