Tablas Internas
Como crear tablas dentro de las tablas de las columnas
Como controlar el espacio entre las celdas de la tabla
Explicación
Tabla dentro de tabla
Varias veces nosotros necesitaremos usar tablas dentro de tablas. Ahora crearemos dos filas con tres columnas. La segunda fila y la segunda columna serán divididas nuevamente en una tabla con dos filas y dos columnas. También podemos usar los atributos cellpadding y cellspacing para captar el espacio de la tabla.
Código:
<table border=1 width=80% height=30% align=center cellpadding=1 cellspacing=1>
<tr height=30%>
<td>
Primera Fila
</td>
<td>
Primera Fila
</td>
<td>
Primera Fila
</td>
</tr>
<tr height=70%>
<td>
Segunda Fila
</td>
<td >
<table bgcolor=yellow border=1 width=80% height=80%>
<tr >
<td> Tabla Interna </td>
<td> Tabla Interna </td>
</tr>
<tr >
<td> Tabla Interna </td>
<td> Tabla Interna </td>
</tr>
</table>
</td>
<td>
Segunda Fila
</td>
</tr>
</table>
Resulta:
| Primer Fila | Primer Fila | Primer Fila |
| Segunda Fila | | Table Interna | Table Interna | | Table Interna | Table Interna |
| Segunda Fila |
Espacio de Celda y Relleno de Celda
El espacio y el relleno pueden controlarse usando los atributos cellpadding y cellspacing.
Uso:
<table border=0 bgcolor="#776655" width=80% height=150 align=center
cellpadding=0 cellspacing=0>
The La tabla puede hacerse más elegantemente cambiando los colores y bordes y controlando cellspacing y cellpadding.
Resulta:
| Primer Fila | Primer Fila | Primer Fila |
| Segunda Fila | | Segunda Fila |