Es hora ya de comenzar con dos de los atributos más interesantes en la creación de tablas: ROWSPAN y COLSPAN. Gracias a estos atributos podremos crear tablas mucho más complejas y que se adapten a nuestras necesidades. Estos dos atributos sirven tanto para las celdas normales, TD, como para las celdas encabezado, TH, y su función será extender una fila (ROWSPAN) o una columna (COLSPAN) para que ocupen el tamaño de varias. Para comprender el significado del concepto extender lo mejor es ver un ejemplo:

      <TABLE BORDER="1">

       <TR>

       <TH COLSPAN="2">

       Celda de dos columnas

       </TH>

       </TR>

       <TR>

       <TD ROWSPAN="2">

       Celda de dos filas

       </TD>

       <TD>

       Fila2,Columna2

       </TD>

       </TR>

       <TR>

       <TD>

       Fila3,Columna2

       </TD>

       </TR>

       </TABLE>

En la figura 7.15 podemos ver la tabla resultado de este código:

Figura 7.15. Los atributos COLSPAN y ROWSPAN nos permiten crear celdas que se extiendan varias columnas o varias filas.

como vemos la primera celda se extiende para ocupar dos columnas y la primera celda de la segunda fila ocupa dos filas. En este momento invitamos al lector a practicar con los atributos ROWSPAN y COLSPAN incluso con celdas de mayor tamaño, ya que esta es la mejor manera de habituarse a ellos, más adelante seguiremos realizando ejemplos prácticos con estos y otros atributos de las tablas.

< anterior | 1 .. 29 30 31 32 33 .. 75 | siguiente >

Autor y licencia de 'Curso completo de HTML'

Curso gratis de Jorge Ferrer, Víctor García y Rodrigo García . Extraido de: http://es.tldp.org/Manuales-LuCAS/doc-curso-html/doc-curso-html/ CopyLeft

Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.