Guida al linguaggio HTML

4.10.3 L'elemento TR e i suoi attributi

In questa pagina:
[ Allineamento di TR ]
[ Allineamento di TD/TH ]
[ TD e TH si sovrappongono a TR ]

L'elemento TR definisce una riga della tabella. Puo' prendere gli attributi ALIGN e VALIGN, che definiscono le proprieta' di allineamento per le celle contenuto in quella riga. ALIGN, che definisce le proprieta' di allineamento orizzontale, puo' assumere i valori "left", "center" e "right", mantre VALIGN, che definisce le proprieta' di allineamento vertical delle celle, puo' assumere i valori "top", "middle", "bottom". I valori di default sono ALIGN="left", e VALIGN="middle".

Gli attributi di allineamento di TD e TH

Le caselle della tabella, definite dagli elementi TD e TH, possono esse stesse prendere attributi per specificare l'allineamento dei dati al loro interno. Questo sovrascrive gli eventuali attributi associati all'elemento TR, come mostrato negli esempi seguenti. I valori di default per le celle TD sono ALIGN="left", e VALIGN="middle", mentre i valori di default per TH sono ALIGN="center", e VALIGN="middle".

Esempi degli attributi di allineamento di una tabella

La seguente tabella, illustra l'uso degli attributi per TR:

<table border width=40%>
<TR>

<TH> Intestazione 1<BR>bloop </TH>
<TH> Intestazione 2 </TR>
<TR ALIGN="left">   

<TH> Intestazione 1<BR>bloop </TH>
<TH> Intestazione 2 </TR>
<TR VALIGN="bottom">

<TH> Intestazione 1<BR>bloop </TH>
<TH> Intestazione 2 </TR>
<TR>

<TH> Intestazione 1<BR>bloop </TH>
<TH> Intestazione 2 </TR>
<TR ALIGN="center"> 

<TD> 4.11<BR>aaaa</TD>
<TD> 4.23 </TD>
</TR>
<TR ALIGN="right">

<TD> 4.11<BR>aaaa</TD>
<TD> 4.23   </TR>
<TR VALIGN="top">

<TD> 4.11<BR>aaaa</TD>
<TD> 4.23</TR>
<TR VALIGN="bottom">

<TD> 4.11<BR>aaaa     </TD>
<TD> 4.23    </TD>
</TR>
</table>

ed e' visualizzata cosi': (Spero che il vostro browser supporti le tabelle!)

Intestazione 1
bloop
Intestazione 2
Intestazione 1
bloop
Intestazione 2
Intestazione 1
bloop
Intestazione 2
Intestazione 1
bloop
Intestazione 2
4.11
aaaa
4.23
4.11
aaaa
4.23
4.11
aaaa
4.23
4.11
aaaa
4.23

TD e TH sovrascrivono TR

Come petete vedere nell'esempio seguente, gli attributi di allineamento di TD o TH sovrascrivono quelli specificati in TR

<table border width=40%>
<TR>

<TD>4.11<BR>aaaa</TD>
<TD> 4.23</TD>
</TR>
<TR ALIGN="center" VALIGN="center">

<TD>4.11<BR>aaaa</TD>
<TD> 4.23</TD>
</TR>
<TR ALIGN="center" VALIGN="center">

<TD>4.11<BR>aaaa</TD>
<TD VALIGN="top"> 4.23 </TD>
</TR>
</table>

Risultato visivo:

4.11
aaaa
4.23
4.11
aaaa
4.23
4.11
aaaa
4.23

Indice HomePage