Tabelle in html

Tabella con Intestazione in Alto Titolo 1 Titolo 2 Titolo 3 Titolo 4 Titolo 5 ...

Tabella con Intestazione in Alto

<style> /* Applica lo stile solo alle tabelle con classe "tab-p" */ .tab-p, .tab-p td, .tab-p th { border: 1px solid #cccccc; padding: 5px; } .tab-p th { background-color: #e7e7e7; font-weight: bold; } .tab-p { border-collapse: collapse; } </style> <table width="100%" class="tab-p"> <tbody> <tr> <th>Titolo 1</th> <th>Titolo 2</th> <th>Titolo 3</th> <th>Titolo 4</th> <th>Titolo 5</th> </tr> <tr> <td>riga 1 col. 1</td> <td>riga 1 col. 2</td> <td>riga 1 col. 3</td> <td>riga 1 col. 4</td> <td>riga 1 col. 5</td> </tr> <tr> <td>riga 2 col. 1</td> <td>riga 2 col. 2</td> <td>riga 2 col. 3</td> <td>riga 2 col. 4</td> <td>riga 2 col. 5</td> </tr> <tr> <td>riga 3 col. 1</td> <td>riga 3 col. 2</td> <td>riga 3 col. 3</td> <td>riga 3 col. 4</td> <td>riga 3 col. 5</td> </tr> <tr> <td>riga 4 col. 1</td> <td>riga 4 col. 2</td> <td>riga 4 col. 3</td> <td>riga 4 col. 4</td> <td>riga 4 col. 5</td> </tr> </tbody> </table>

Titolo 1	Titolo 2	Titolo 3	Titolo 4	Titolo 5
riga 1 col. 1	riga 1 col. 2	riga 1 col. 3	riga 1 col. 4	riga 1 col. 5
riga 2 col. 1	riga 2 col. 2	riga 2 col. 3	riga 2 col. 4	riga 2 col. 5
riga 3 col. 1	riga 3 col. 2	riga 3 col. 3	riga 3 col. 4	riga 3 col. 5
riga 4 col. 1	riga 4 col. 2	riga 4 col. 3	riga 4 col. 4	riga 4 col. 5

Tabella con intestazione a Sinistra

<style> /* Applica lo stile solo alle tabelle con classe "tab-p" */ .tab-p, .tab-p td, .tab-p th { border: 1px solid #cccccc; padding: 5px; } .tab-p th { background-color: #e7e7e7; font-weight: bold; } .tab-p { border-collapse: collapse; } </style> <table width="100%" class="tab-p"> <tbody> <tr> <th>Testo di esempio</th> <td>Testo di esempio</td> <td>Testo di esempio</td> <td>Testo di esempio</td> <td>Testo di esempio</td> </tr> <tr> <th>Testo di esempio</th> <td>Testo di esempio</td> <td>Testo di esempio</td> <td>Testo di esempio</td> <td>Testo di esempio</td> </tr> <tr> <th>Testo di esempio</th> <td>Testo di esempio</td> <td>Testo di esempio</td> <td>Testo di esempio</td> <td>Testo di esempio</td> </tr> <tr> <th>Testo di esempio</th> <td>Testo di esempio</td> <td>Testo di esempio</td> <td>Testo di esempio</td> <td>Testo di esempio</td> </tr> <tr> <th>Testo di esempio</th> <td>Testo di esempio</td> <td>Testo di esempio</td> <td>Testo di esempio</td> <td>Testo di esempio</td> </tr> </tbody> </table>

Testo di esempio	Testo di esempio	Testo di esempio	Testo di esempio	Testo di esempio
Testo di esempio	Testo di esempio	Testo di esempio	Testo di esempio	Testo di esempio
Testo di esempio	Testo di esempio	Testo di esempio	Testo di esempio	Testo di esempio
Testo di esempio	Testo di esempio	Testo di esempio	Testo di esempio	Testo di esempio
Testo di esempio	Testo di esempio	Testo di esempio	Testo di esempio	Testo di esempio