 Estás en: HTML» Trucos » Tablas anidadas
Trucos y preguntas frecuentes sobre diseño en HTML
¿Cómo se pueden anidar tablas?
En muchos casos desearemos meter una tabla dentro de otra. Es lo que llamamos "anidar tablas". Esto se conseguirá de la siguiente manera:
En primer lugar, crearemos la tabla "contenedora" siguiendo los pasos explicados en el tutorial de HTML "tablas".
A continuación, crearemos la tabla anidada dentro de la celda de la tabla "contenedora" donde deseemos que aparezca.
| En el editor de textos |
En el navegador |
<table border="1" bgcolor="#FF9900">
<tr>
<td><table border="1" bgcolor="#33CCFF" >
<tr>
<td>abc</td>
<td>abc</td>
</tr>
<tr>
<td>abc</td>
<td>abc</td>
</tr>
</table></td>
<td width="66%">1234</td>
</tr>
<tr>
<td>1234</td>
<td>1234</td>
</tr>
</table> |
|
Para facilitar la tarea, se puede crear la tabla anidada de forma independiente de la otra, y cuando esté a nuestro gusto, copiar el código completo de la tabla y pegarlo dentro de la celda de la tabla contenedora.
| 
