Lección 4 / 4.5

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
ENCUESTA DE OPINION		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 |