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
<td colspan="2"> ... </tr> |
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> |
|
Rowspan
<td rowspan="2"> ... </td> |
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 |
|