xhtml tablas

8/9/2019 XHTML Tablas

1/16

XHTML

Tablas


2/16

Concepto

Las tablas de HTML puede contener

elementos simples, agrupaciones de filasy de columnas, cabeceras y pies de tabla,subdivisiones, cabeceras mltiples y otroselementos complejos.

A pesar de que las tablas HTML son

fciles de comprender y utilizar, son unode los elementos ms polmicos de

HTML.


3/16

Inconvenientes El problema de las tablas es que no siempre se utilizan

adecuadamente. Aunque parezca obvio, las tablas se deben utilizarpara mostrar informacin tabular.

Hasta hace unos aos, las tablas tambin se utilizaban para definirla estructura de las pginas web. La cabecera de la pgina era una fila de una gran tabla, el pie de pgina era otra fila de esta tabla

la zona de contenidos estaba formada por varias columnas dentro deesa gran tabla. Aunque algunos malos diseadores siguen utilizando hoy en da las

tablas para definir la estructura completa de las pginas web, setrata de una tcnica obsoleta y nada recomendable.

El motivo es que se complica en exceso el cdigo HTML y sumantenimiento es muy complejo.

La solucin correcta para definir la estructura de las pginasconsiste en la utilizacin de hojas de estilos CSS.


4/16

Tablas bsicas

Las tablas ms sencillas de HTML se

definen con tres etiquetas: para crear la tabla,

para crear cada fila y para crear cada columna.


5/16


6/16


7/16


8/16


9/16

Tablas complejas

Las tablas complejas suelen disponer de

una estructura irregular que junta variascolumnas para formar una columna anchao une varias filas para formar una fila msalta que las dems.

Para fusionar filas o columnas, se utilizan

los atributos rowspan y colspanrespectivamente.


10/16

Ejemplo

A

B

C


11/16

Duda

A

B

C


12/16

Solucion

Las filas de una tabla HTML deben tener elmismo nmero de columnas.

Por lo tanto, si se quieren mostrar menoscolumnas en una fila, se fusionan mediante el

atributo colspan, que indica el nmero decolumnas simples que va a ocupar unadeterminada celda.

En el ejemplo anterior, la celda de la primera filadebe ocupar el espacio de dos columnassimples, por lo que el cdigo HTML debe ser A.


13/16

Tablas avanzadas

Algunas tablas complejas estn formadas porms elementos que filas y celdas de datos.

Las tablas ms avanzadas disponen de: una seccin de cabecera,

una seccin de pie y varias secciones de datos.

Adems, tambin es posible agrupar varias

columnas de forma lgica para poder aplicarestilos similares a un determinado grupo decolumnas.


14/16


15/16

Partes de tabla compleja La cabecera de la tabla se define con la etiqueta , el pie de la tabla se define mediante y

cada seccin de datos se define con una etiqueta . Cada tabla puede contener solamente una cabecera y un pie, peropuede incluir un nmero ilimitado de secciones.

Si se define una cabecera y/o un pie, las etiquetas y/o deben colocarse inmediatamente antes que cualquieretiqueta .

Aunque al principio resulta extrao, el elemento siempre seescribe antes que cualquier elemento en el cdigo HTML.

De hecho, si la etiqueta aparece despus de un elemento

, la pgina no se considera vlida.


16/16

xhtml tablas

Documents