Le tabelle
Le tabelle sono un ottimo strumento per impaginare le nostre pagine web, raccogliere dati, fare menu insomma un pò di tutto.
La tabella è definita dal tag <table> poi abbiamo le righe <tr> e le celle dati <td>
Codice:
<table border="1" width="100%" >
<tr>
<td width="100%"> </td>
</tr>
</table>
Risultato:
Iniziamo a spiegare qualche caratteristica delle tabelle dicendo che border=”1″ imposta il bordo con grandezza 1 pixel(i pixel sono il più piccolo puntino sullo schermo). width=”100%” la nostra tabella sarà grande quanto la finestra del browser. Quindi se rimpiccioliamo la finestra anche la tabella si rimpicciolirà. Poi impostiamo una riga e dentro di essa una cella. Chiudiamo la cella la riga e la tabella.
<table width="100%" border="1">
<tr>
<td width=""> </td>
<td width=""> </td>
</tr>
</table>
Ora abbiamo aggiunto una cella nella stessa riga
<table width="100%" border="1">
<tr>
<td width=""> </td>
<td width=""> </td>
</tr>
<tr>
<td width=""> </td>
<td width=""> </td>
</tr>
</table>
ora due righe contenenti due celle ciascuno
Nel tag <table> possiamo impostare due importanti attributi alla nostra tabella cellpadding=”0″ cellspacing=”0″ che sono rispettivamente l’attaccamento della cella alla tabella e lo spazio tra le celle. Questi tag tuttavia non sono riconosciuti come codice conforme.
Un tag importante per una tabella è il tag summary che descrive la tabella <table summary=”descrizione”>
Per impostare il colore di sfondo di una cella o tabella con la propietà bgcolor.