Planificación de interfaces web

1.6 LAS TABLAS

¿Qué es una tabla?

Una tabla no es otra cosa más que un medio de organizar datos en filas y columnas. Como muchas otras estructuras de HTML, las tablas son construidas utilizando elementos.

Elementos de una tabla

Para crear una tabla en HTML debemos de usar las siguientes etiquetas:

table

Con esta etiqueta establecemos el contenedor principal). Es muy importante abrir esta etiqueta al empezar la tabla y cerrarla cuando terminemos la tabla.

tr

Representando a las filas contenedoras de las celdas.

td

Representando a las celdas de la tabla.

Estructura de las tablas

A la hora de crear tablas, es importante mantener una buena estructura, para ello deberemos de usar las siguientes etiquetas:

thead

Establecemos la cabecera de la tabla.

tbody

Establecemos el cuerpo de la tabla.

tfoot

Establecemos el pie de la tabla.

Propiedades de las celdas

Cuando creamos una tabla, a las celdas les podemos asignar las siguientes prioridades:

RowSpan

Permitir que una celda ocupe más de una fila.

ColSpan

Permite que una celda ocupe más de una columna.

Ejemplo de tabla

HORAS Lunes Martes Miércoles Jueves Viernes
8:15 Desarrollo en Entorno Servidor Diseño de Interfaces Web Diseño de Interfaces Web Desarrollo Web en Entorno Cliente Despliegue de Aplicaciones Web
9:15 Diseño de Interfaces Web
10:15 Desarrollo Web en Entorno Cliente Desarrollo Web en Entorno Cliente Desarrollo Web en Entorno Servidor Desarrollo Web en Entorno Cliente
11:15 RECREO
11:45 Despliegue de Aplicaciones Web Desarrollo Web en Entorno Cliente Desarrollo Web en Entorno Cliente Desarrollo Web en Entorno Servidor Desarrollo Web en Entorno Cliente
12:45 Desarrollo Web en Entorno Servidor Desarrollo Web en Entorno Servidor Empresa e Iniciativa Emprendedora Empresa e Iniciativa Emprendedora Desarrollo Web en Entorno Servidor
13:45