E' interessante infine osservare la possibilità di inserire (annidare) una tabella all'interno di un'altra tabella. Si consideri l'esempio seguente:
<table style = "width=80%" border="1"> <!-- INIZIO TABELLA ESTERNA -->
<tr>
<td style = "width=50%">1</td>
<td>
<table style = "width=100%" border="1"> <!-- INIZIO TABELLA INTERNA -->
<tr>
<td>2.1</td>
<td>2.2</td>
<td>2.3</td>
</tr>
<tr>
<td>2.4</td>
<td>2.5</td>
<td>2.6</td>
</tr>
<tr>
<td>2.7</td>
<td>2.8</td>
<td>2.9</td>
</tr>
</table> <!-- FINE TABELLA INTERNA -->
</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table> <!-- FINE TABELLA ESTERNA -->
che produce la seguente visualizzazione:
1 |
|
|||||||||
3 | 4 |
Si osservi la tabella interna annidata dentro la seconda cella della tabella principale esterna.
Rendendo invisibili le tabelle annidate l'una dentro l'altra è possibile creare disposizioni anche molto complesse su una pagina web.
Sito realizzato in base al template offerto da
http://www.graphixmania.it