Colspan o Rowspan

La combinación de celdas permite obtener diseños de tablas más sofisticados que pueden utilizarse para titulares, marcos de imagen, etc. Para combinar celdas se usa la instrucción Colspan o Rowspan, ya sea que se deseen combinar columnas o filas. Por ejemplo, la siguiente instrucción combina las tres columnas de la primera fila de una tabla. <td width="100%" colspan="3" height="34">Fila combinada</td> Para ilustrar mejor el uso de combinación de celdas, a continuación se muestra la siguiente tabla.

El código para obtener una tabla con este aspecto se muestra a continuación. <html> <head><title>Mi tabla combinada</title></head> <body>

<table Border=1 width=100%>

<tr> <td width="100%" colspan="4">Primera fila combinada</td> </tr>

<tr> <td width="25%">Columna 1</td>

<td width="25%">Columna 2</td> <td width="25%">Columna 3</td> <td width="25%">Columna 4</td> </tr>

</table> </body> </html> La expresión ColSpan indica cuántas columnas se van a combinar, en este indican cuatro columnas. Si se desean combinar filas se debe utilizar la expresión RowSpan. Por ejemplo RowSpan="4" indica que se van a combinar 4 filas. La siguiente tabla muestra un ejemplo de combinación de columnas y filas.

Sign up to vote on this title
UsefulNot useful