PROGRAMMIAMO
HTML - Tabelle annidate
Tabelle annidate

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
2.1 2.2 2.3
2.4 2.5 2.6
2.7 2.8 2.9
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.

 

 

precedente - successiva

Sito realizzato in base al template offerto da

http://www.graphixmania.it