¿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 |