Logo Vallepiatta
 

Le tabelle



CODICE DESCRIZIONE PREZZO (€)
12345 Prodotto 1 1.000,00
23456 Prodotto 2 750,22
34567 Prodotto 3 835,16
45678 Prodotto 4 445,48
56789 Prodotto 5 1.235,72
















CODICE HTML UTILIZZATO

<html>

<head>

<title>6) Le tabelle</title>

</head>

<body>

<h1 align="center"><font face="Courier New">Le tabelle</font></h1>

<hr>

<br>

<div align="center">

<table border="1" width="80%">

<tr>

<td width="10%" align="left"><font face="Courier New">CODICE</font></td>

<td width="70%" align="center"><font face="Courier New">DESCRIZIONE</font></td>

<td width="20%" align="center"><font face="Courier New">PREZZO (€)</font></td>

</tr>

<tr>

<td width="10%" align="left"><font face="Courier New">12345</font></td>

<td width="70%" align="left"><font face="Courier New">Prodotto 1</font></td>

<td width="20%" align="right"><font face="Courier New">1.000,00</font></td>

</tr>

<tr>

<td width="10%" align="left"><font face="Courier New">23456</font></td>

<td width="70%" align="left"><font face="Courier New">Prodotto 2</font></td>

<td width="20%" align="right"><font face="Courier New">750,22</font></td>

</tr>

<tr>

<td width="10%" align="left"><font face="Courier New">34567</font></td>

<td width="70%" align="left"><font face="Courier New">Prodotto 3</font></td>

<td width="20%" align="right"><font face="Courier New">835,16</font></td>

</tr>

<tr>

<td width="10%" align="left"><font face="Courier New">45678</font></td>

<td width="70%" align="left"><font face="Courier New">Prodotto 4</font></td>

<td width="20%" align="right"><font face="Courier New">445,48</font></td>

</tr>

<tr>

<td width="10%" align="left"><font face="Courier New">56789</font></td>

<td width="70%" align="left"><font face="Courier New">Prodotto 5</font></td>

<td width="20%" align="right"><font face="Courier New">1.235,72</font></td>

</tr>

</table>

</div>

</body>

</html>


COMMENTO
In questo sesto esempio viene usato un elemento molto importante: la tabella <table>.

Essa si trova collocata al centro della pagina <div align="center"> ed è composta da sei righe <tr> e da tre colonne <td>.

All'interno delle singole celle si trovano i valori che vogliamo esprimere nella tabella allineati caso per caso a destra, a sinistra o al centro.