Gestione delle celle

Nelle tabelle standard, ogni riga di una tabella ha lo stesso numero di colone. Ed ogni colonna ha lo stesso numero di righe.

Gli attibuti colspan e rowspan ci permettono di aggiungere nuove righe o colonne in una cella, senza modificare le celle vicine.

Colspan

Permette alla riga di occupare lo spazio di due colonne

Esempio:

<table width="200" height="100" border="1">
  <tr bgcolor="#FF0000">
     <td colspan="2">Riga</td>
  </tr>
  <tr>
     <td bgcolor="#FFFF00">Giallo</td>
     <td bgcolor="#00FF00">Verde</td>
  </tr>
</table>

Riga rossa
Giallo	Verde

Rowspan

Permette alla colonna di occupare lo spazio di due righe

Esempio:

<table width="200" height="100" border="1">
  <tr>
     <td bgcolor="#FF0000">Rosso</td>
    <td rowspan="2" bgcolor="#00FF00">Colonna verde</td>
  </tr>
  <tr>
     <td bgcolor="#FFFF00">Giallo</td>
  </tr>
</table>

Rosso	Colonna verde
Giallo