• Programmazione » HTML » Guida HTML

Abbiamo già detto che sono i TAGs fondamentali edaccennato al primo attributo: il BORDER. Iniziamoproprio da questo e vediamo in dettaglio cosa ci consente difare.

Mediante il "border" impostiamo lo spessore (inpixels) del bordo esterno della tabella. Se lo poniamo ugualead 1 il risultato è quello che avete visto nel primoesempio, se, però, lo poniamo uguale a 10 il risultatoè il seguente (una specie di effetto rilievo):
 

...ma date un'occhiata a quello che succede se pongo comevalore zero al border:
 

...oplà! La tabella è diventata invisibile!Questo "stratagemma" è molto utile e viconsente, con un pizzico di ingegno e fantasia, di crearedelle pagine veramente ordinate e carine.

WIDTH ed HEIGHT sono due attributi difondamentale importanza in quanto definiscono,rispettivamente, la larghezza e l'altezzadell'intera tabella.
Possiamo impostare le dimensioni in due modi:

• In percentuale. In questo caso si riesce a specificare la larghezza, o l'altezza, della tabella in proporzione alla parte di schermo visibile.
   

• In pixels. Molto più efficace della precedente perchè valori espressi in pixels sono totalmente indipendenti dalle diverse risoluzioni adottate.

WIDTH ed HEIGHT sono anche attributi del TAG <TD>, nelquale, ovviamente specificano larghezza ed altezza dellacella, e non dell'intera tabella.

Ecco due esempi eloquenti:

    <table border=1 width=50%><td>In questa tabella il valore è espresso in percentuale...</td></table>

    <table border=1 width=300><td>...mentre in questa è espresso in pixels.</td></table>

A differenza del border che, lo ricordiamo, ci serve perdefinire lo spessore del bordo di una tabella, ilCellSpacing è quel parametro che ci consente dideterminare lo spazio tra cella e cella.
Questi due esempi mettono in evidenza le variazioni cheapporta un valore pari a zero ed un valore pari a 10 dati alsuddetto parametro.

    <table border=1 cellspacing=0><td>1</td><td>2</td><tr><td>3</td><td>4</td></table>

Ovviamente ponendo al border valore zero tutto lo"scheletro" della tabella sparirà lasciandoinalterata la distanza scelta tra le celle.

Mentre il CellSpacing definisce la distanza tra cella ecella, il CellPadding viene usato per definire"l'imbottitura" (traduzione letterale di"padding" , poco elegante ma univoca) di vuoto,espressa in pixels, che andrà a circondare ilcontenuto della cella. Negli esempi sono utilizzati valoripari a zero ed a 10:
 

    <table border=1 CellPadding=0><td>1</td><td>2</td><tr><td>3</td><td>4</td></table>