|
Home -> Manuali e Tutorials -> Guida HTML -> Tabelle Html (2 di 5)
Scarica Guida HTML  | Stampa Tutorial HTML  | Cerca nel sito 
Attributi di una Tabella HTML
Attributi di una Tabella
Ci sono poi Attributi che riguardano la formattazione della cella:
| BORDER="n" |
Bordo della cella; "n" è il valore in pixel rappresentativo dello spessore ed ha valori >= 0 , con "0" spessore nullo. |
| WIDTH="" |
Stabilisce la larghezza ed il valore può essere assegnato in pixel o in %. |
| HEIGHT="" |
Stabilisce l'altezza ed il valore può essere assegnato in pixel o in %. |
| CELLPADDING="n" |
Serve per aumentare le dimensioni della tabella. |
| CELLSPACING="n" |
Serve per distanziare le celle tra di loro variando lo spessore del bordo. |
Gli attributi HEIGHT e WIDTH possono essere applicati sia al TABLE e sia ai TR e TD; il valore "n" può essere scritto sia in % ( ="25%" ) e sia in pixel ( =10 ), solo che il primo deve essere per forza messo tra gli apici, mentre il secondo non obbligatoriamente. In genere si fissa una dimensione in % nel TABLE e poi le dimensioni delle varie celle ( altezze righe nei vari TR, mentre la larghezza delle celle basta fissarla per una riga sola poichè le altre si adatteranno alle stesse dimensioni ). Se non si danno dimensioni alle celle, esse si adatteranno al testo in esse contenuto. Gli altri sono invece attributi del tag TABLE.
Molto importante è evidenziare che gli attributi e valori del TD prevalgono su quelli del TR ed entrambi prevalgono su quelli del Tag TABLE.
Ecco degli esempi sui tag appena visti e sulla possibilità di annidare tabelle dentro altre tabelle:
<HTML>
<HEAD></HEAD>
<BODY>
<TABLE border="0" width="100%" height="100%" >
<TR>
<TD>
<TABLE border="5" width="100%" height="50%">
<TR>
<TD width="20%">CIAOOOO</TD>
<TD><center>NONNNNNNNN</center></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR height="80%" >
<TD align="RIGHT" ><B>CIAO</B></TD>
</TR>
</TABLE>
</BODY>
</HTML> |
Tale esempio viene poi interpretato così. Notate come con questa disposizione degli attributi HEIGHT e WIDTH, la sottotabella alla prima riga della tabella madre abbia una altezza pari al 50% ed una larghezza pari a quella della madre; ciò spiega perchè la sottotabella non riempia completamente la cella madre ma solo metà in altezza. Inoltre si danno dimensioni anche alle righe ed alle colonne della tabella madre e figlia, rispettivamente.
Questa è invece una variante:
<HTML>
<HEAD></HEAD>
<BODY>
<TABLE border="0" width="100%" height="100%" >
<TR>
<TD>
<TABLE border="5" width="100%" height="100%">
<TR>
<TD width="20%" valign="top">CIAOOOO</TD>
<TD><center>NONNNNNNNN</center></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR height="80%" >
<TD align="right" ><B>CIAO</B></TD>
</TR>
</TABLE>
</BODY>
</HTML> |
Quest'altro esempio mostra l'uso del CELLSPACING aggiunto al Tag TABLE ( codice ).
Quest'altro, invece, l'uso del CELLPADDING, usando come valore 100 ( codice ).
Torna su  | Indice Guida  | Pagina << 12 >>
|
