Make your own free website on Tripod.com
Prefacio L1 L2 L3 L4 L5 L6 L7 L8 Apéndices

4.5 Tablas Complejas

En ciertos casos es necesario crear tablas que contienen celdas que ocupan más de una columna y/o más de una fila, como se ilustra abajo.

ENCUESTA DE OPINION

Partido Político

PRD

PLD

Reformista

 Aumento de ITBIS  a favor

30%

3%

20%

 en contra

55%

90%

50%

 no se

15%

7%

30%

La celda que contiene el texto ENCUESTA DE OPINIÓN ocupa dos columnas y dos filas. La celda que contiene el texto Aumento de ITBIS ocupa tres filas, y la celda que contiene el texto Partido Político ocupa tres columnas.

Para crear celdas que ocupen más de una columna y/o más de una fila se utilizan las propiedades ROWSPAN y COLSPAN de los tags <TD> y <TH>.

<TD ROWSPAN=valor COLSPAN=valor>

donde valor indica la cantidad de filas (ROWSPAN) y/o columnas (COLSPAN) que abarcará la celda. 

 Por ejemplo, el código fuente

<HTML>
<HEAD>
<TITLE>Tabla Gráfica</TITLE>
</HEAD>

<BODY>
<TABLE BORDER=1>
<TR>
<TD ROWSPAN=3>CELDA 1</TD>
<TD COLSPAN=3>CELDA 2</TD>
</TR>
<TR>
<TD>CELDA 4</TD>
<TD>CELDA 5</TD>
<TD>CELDA 6</TD>
</TR>
<TR>
<TD>CELDA 7</TD>
<TD>CELDA 8</TD>
<TD>CELDA 9</TD>
</TR>
</BODY>

</HTML>

produce la salida

donde la celda uno ocupa tres filas y la celda dos ocupa tres columnas. Invitamos al estudiante interesado a construir la tabla que se muestra al comienzo de este epígrafe.

| Lección 4 | 4.1 | 4.2 | 4.3 | 4.4 | 4.5 |