TABLAS EN HMTL

Índice

CONCEPTO DE TABLAS EN HTML
- Ejemplo de tablas en HTML:
CELDA DE ENCABEZADO
EL ATRIBUTO SCOPE
EL ATRIBUTO COLSPAN

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

, para crear una fila es la etiqueta, y para crear una columna es la etiqueta

. Tengan en cuenta una tabla es una agrupación de filas y columnas.

Ejemplo de tablas en HTML:




    
    Tabla

fila 1 columna 1	fila 1 columna 2	fila 1 columna 3
fila 2 columna 1	fila 2 columna 2	fila 2 columna 3

CELDA DE ENCABEZADO

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.