Esistono diversi attributi che permettono di lavorare sugli spazi e larghezze nelle celle e tabelle. In particolare abbiamo la possibilità di lavorare su parametri molto importanti come:

• Spazio nelle celle

• Spazio tra le celle

• Larghezza delle celle e della tabella

Esaminiamoli uno alla volta.

Spazio nelle celle:

Viene gestito con l'attributo cellpadding assegnato al tag table. Con questo attributo possiamo modificare l'area di una cella facendo in modo che aumenti la sua dimensione e il testo non sia più stretto all'interno di essa.

Spazio tra le celle:

Viene gestito tramite l'attributo cellspacing assegnato al tag table. Con questo attributo possiamo aumentare lo spazio tra le varie celle della tabella.

Larghezza celle e tabelle:

Questo fattore viene modificato tramite l'attributo width applicato al tag table, se si vuole modificare la larghezza della tabella, o al tag td se si vuole modificare la larghezza delle celle. Nel caso della larghezza delle celle è possibile dare un valore in pixel o in percentuale riferita alle dimensioni totali della tabella che deve essere in pixel.

Volendo quindi realizzare una tabella di tre righe e due colonne con modifiche su questi fattori andremo a scrivere ad esempio il seguente codice HTML:

<table width=”500” cellpadding=”6” cellspacing=”8”>

<caption>Prima tabella in HTML</caption>

<tr><th>colonna1</th><th>colonna2</th></tr>

<tr><td width=”300”>riga1,cella1</td><td width=”200”>riga1,cella2</td></tr>

<tr><td>riga2,cella1</td><td>riga2,cella2</td></tr>

<tr><td>riga3,cella1</td><td>riga3,cella2</td></tr>

</table>