En este presente pagina hablaremos sobre las tablas en HTML, analizaremos su estructura y sus propiedades. nos enfocaremos en las tablas que utilizamos al realizar documentos, sistemas, aplicaciones de paginas web y etc.
indice del tema
CONCEPTO DE TABLAS EN HTML
Una tabla es una forma de organizar datos en filas y columnas, a la agrupación de la tabla se le conoce con la etiqueta
Ya teniendo conocimientos básicos sobre una tabla, nos toca hacer tablas con mas utilidades.
Una celda de encabezado, es una manera de agrupar celdas por clases o tipos, de una manera ordenada y podemos agrupar poniendo encabezado por fila o columna.
Su representación de una celda de encabezado es con la etiqueta
, esto es ubicado en la primera fila de la tabla, es decir ubicados encima de las celdas comunes.
Para major entendimiento les dejo un ejemplo con celda de encabezado.
Tabla
encabezado 1
encabezado 2
encabezado 3
fila 1 columna 1
fila 1 columna 2
fila 1 columna 3
fila 2 columna 1
fila 2 columna 2
fila 2 columna 3
EL ATRIBUTO SCOPE
El atributo scope nos ayuda a definir si una celda de encabezado
es un encabezado para una columna, para una fila o un grupo de columnas y filas.
Tabla
encabezado 1
encabezado 2
encabezado 3
fila 1 columna 1
fila 1 columna 2
fila 1 columna 3
fila 2 columna 1
fila 2 columna 2
fila 2 columna 3
En nuestro caso estamos indicando con el valor "col" el elemento
es el encabezado de una columna. es decir el "encabezado 1" es encabezado "de columna 1", "encabezado 2" es encabezado de "columna 2" y el "encabezado 3" es encabezado de "columna 3".
EL ATRIBUTO COLSPAN
El atributo colspan define el numero de columnas que un encabezado
abarcará en el caso el "encabezado 1" del ejemplo es de 2 columnas.
Tabla
encabezado 1
encabezado 2
encabezado 3
lunes
martes
miercoles
jueves
4 horas
5 horas
3 horas
2 horas
En este caso el "encabezado 1", contiene dos columnas como se ve en el imagen superior y con los de mas encabezados no hay ningún problema, por que solo contienen una columna.
Deja una respuesta