Le tabelle sono degli strumenti che aiutano ad organizzare le
pagine web in modo più ordinato e pulito oltre che consentire
di inserire degli elenchi senza richiedere l'uso di elenchi puntati
o numerati.
Le tabelle implicano l'inserimento di più tag che indicano
al browser la conformazione della stessa, il numero di colonne
e righe, nonché la dimensione delle varie parti che la compongono.
La dimensione delle tabelle può essere espressa sia in
pixel che in percentuale della schermata visualizzata.
La prima opzione consente di controllare pienamente la tabella
stessa, permette di prevedere come sarà visualizzata da
tutti i browser e da tutti i monitor indifferentemente dalla risoluzione
che l'utente sta utilizzando.
La seconda opzione fa visualizzare dal browser la tabella secondo
una percentuale preimpostata, rendendo mutevoli le dimensioni
della tabella.
Prendendo in esame il caso di una tabella che ha come larghezza
il valore di 56%, con risoluzione di 800 x 600 la nostra tabella
avrà una larghezza di 448 pixel mentre la stessa su un
monitor con risoluzione di 640 x 480 pixel avrà una larghezza
di 358 pixel.
Per inserire una tabella nel sito dovrà essere inserito
il codice:
<TABLE WIDTH="250"
BORDER="1" CELLSPACING="0"
CELLPADDING="0">
<TR>
<TD WIDTH="125"> </TD>
<TD WIDTH="125"> </TD>
</TR>
<TR>
<TD WIDTH="125"> </TD>
<TD WIDTH="125"> </TD>
</TR>
</TABLE>
che identifica una tabella come la seguente:
L'apertura del codice inizia con:
<TABLE WIDTH="xxx"
BORDER="0" CELLSPACING="0"
CELLPADDING="0">
TABLE indica al browser che in quel punto dovrà
iniziare a disegnare una tabella,
WIDTH indica la larghezza della tabella e può essere
espressa in pixel e in percentuale
BORDER indica lo spessore dei bordi della tabella espresso
in pixel
CELLSPACING indica la distanza tra le celle espresso in
pixel
CELLPADDING indica il bordo interno della cella espresso
in pixel.
</TABLE> indica la chiusura della tabella.
Passando alla seconda riga è possibile notare che ci sono
due parti che si ripetono:
<TR>
<TD WIDTH="xxx"> </TD>
<TD WIDTH="xxx"> </TD>
</TR>
<TR> </TR> indicano rispettivamente
l'inizio e la fine di una riga
<TD WIDTH="xxx">
</TD> indicano rispettivamente l'apertura e la chiusura
di una colonna. Ogni <TD> indica una colonna.
WIDTH indica la larghezza della colonna espresso in pixel
sono dei caratteri che
si inseriscono nelle celle vuote per evitare che vengano schiacciate,
al posto di questi caratteri andranno inseriti i contenuti come
se fosse una parte qualsiasi del codice.
|