Está en la página 1de 3

La tabla (2x2) más sencilla que podemos hacer es la siguiente

Escribimos: Visualizamos
<TABLE >
<TR>
<TD>1 </TD> <TD> 2 </TD> 12
</TR> <TR>
<TD>3 </TD> <TD> 4</TD> 34
</TR>
</TABLE>

Otro ejemplo

Escribimos: Visualizamos
<TABLE BORDER="3" CELLSPACING="5"
WIDTH="150">
<TR>
<TD>1 </TD> <TD> 2 </TD> 1 2
</TR> <TR> 3 4
<TD>3 </TD> <TD> 4</TD>
</TR>
</TABLE>

Unificación de celdas
Estas unificaciones pueden ser llevadas a cabo con los atributos "rowspan" (para
unificación vertical) y "colspan" (para unificación horizontal), ambos disponibles para
celdas.

Código
<table>
<tr>
<td>Campo 1</td>
<td>Campo 2</td>
<td>Campo 3</td>
</tr>
<tr>
<td colspan="2">Campos 4 y 5</td>
<td>Campo 6</td>
</tr>
<tr>
<td>Campo 7</td>
<td>Campo 8</td>
<td>Campo 9</td>
</tr>
</table>
Vista
Campo 1 Campo 2 Campo 3
Campos 4 y 5 Campo 6
Campo 7 Campo 8 Campo 9

Mira el ejemplo, donde los campos 1, 4 y 7 son unificados:digo

<table>
<tr>
<td rowspan="3">Campo unificado</td>
<td>Campo 2</td>
<td>Campo 3</td>
</tr>
<tr>
<td>Campo 5</td>
<td>Campo 6</td>
</tr>
<tr>
<td>Campo 8</td>
<td>Campo 9</td>
</tr>
</table>
Vista
Campo 2 Campo 3
Campo unificado Campo 5 Campo 6
Campo 8 Campo 9

También podría gustarte