Guida al linguaggio HTML

4.10.4 Gli attributi COLSPAN e ROWSPAN per TD e TH


Di default, una casella e' un intersezione tra una riga e una colonna. A volte, comunque, potreste volere una casella che occupa anche la riga sottostante oppure la colonna a destra di essa. Questo puo' essere fatto tramite gli attributi ROWSPAN e COLSPAN, rispettivamente. ROWSPAN indica quante righe (contando verso il basso) sono occupate dalla cella, mentre COLSPAN indica quante colonne (verso destra) occupa la cella.

Ricordate che, quando create una riga con l'elemento TR, dovete assicurarvi che il numero di celle nella riga sia esatto (deve combaciare col numero di celle della prima riga). Facendo questo, dovete tenere conto delle caselle che occupano piu' di una colonna (COLSPAN). Stessa cosa per il numero di righe che deve essere uguale dalla prima colonna fino all'ultima. Il seguente esempio mostra l'uso di COLSPAN e ROWSPAN:
<TABLE BORDER WIDTH=90%>
<TR>

<TD> 1.1
<TD> 1.2
<TD> 1.3
<TD> 1.4
</TR>
<TR>

<TD> 2.1
<TD COLSPAN=2>2.2
<TD> 2.4
</TR>
<TR>

<TD> 3.1
<TD> 3.2
<TD ROWSPAN=3> 3.3
<TD> 3.4
</TR>
<TR>

<TD> 4.1
<TD> 4.2
<TD> 4.4
</TR>
<TR> <TD> 5.1

<TD> 5.2
<TD> 5.4
</TR>
</TABLE>

E viene visualizzato cosi:

1.1 1.2 1.3 1.4
2.1 2.2 2.4
3.1 3.2 3.3 3.4
4.1 4.2 4.4
5.1 5.2 5.4

Indice HomePage