Etiqueta table

Índice

EJEMPLO DE LA ETIQUETA TABLE EN HTML
COMBINACION DE CELDA HORIZONTAL CON COLSPAN
COMBINACIÓN DE CELDA VERTICAL CON ROWSPAN

Si quieres saber mas sobre tablas y sus atributos, propiedades y entre otros, diríjase a tablas en html.

La etiqueta

es el tag que representa a una tabla en HTML, este tag nos permite a tabular u organizar nuestra información o datos de una forma ordenada a través de celdas, con encabezados, columnas y filas.
Un etiqueta

es como un contenedor que contiene a otras etiquetas y elementos, donde otros etiquetas las cuales nos ayudan a mejorar nuestro tabla como darle el numero de filas, numero de columnas, bordes, cabeceras y entre otros mas. Las etiquetas son:

, o

Nombre	Función

Define el cuerpo de la tabla

Define la sección de encabezado de la tabla

Define la sección de la tabla.

Define una fila, puede tener como hijo de <tbody>,

. .


		Define columna, solo puede tener como hijo a
		Define una celda de cabecera .

Define el titulo para la tabla.

Cuando las tablas se vuelven mas complejas con celdas combinas, ya sea que requiere tener un encabezado dos columnas o dos filas, es hora de utilizar colspan en el

, para mayor información ir a tablas en HTML.

indice del tema

EJEMPLO DE LA ETIQUETA TABLE EN HTML

En este ejemplo de la etiqueta table en HTML, crearemos una tabla en lo que utilizaremos los siguientes tag,

cabecera, filas, columnas, tabla, entre otros y ademas utilizaremos algunos atributos con los cuales le dare mas funcionalidades.




    
    Tabla

Tabajo en ofina		Trabajo en casa	Estudios
lunes	martes	miercoles	jueves
4 horas	5 horas	3 horas	2 horas

COMBINACION DE CELDA HORIZONTAL CON COLSPAN

Es la combinación de celdas horizontales, el atributo colspan nos permite combinar uno a mas celdas, es decir nos permite combinar filas.

COMBINACIÓN DE CELDA VERTICAL CON ROWSPAN

Es la combinación de celdas verticales, este atributo rowspan nos permite combinar uno a mas celdas, es decir nos permite combinar columnas.

En el siguiente ejemplo aremos una mejora a nuestra tabla, para ello aremos util a las etiquetas , , , . y atributos colspan y rowspan.




    
    Tabla

Tabajo en ofina		Trabajo en casa	Estudios	bagar
lunes	martes	miercoles	jueves	6 horas
4 horas	5 horas	3 horas	2 horas
leer
Tabajo en ofina		Trabajo en casa	Estudios	bagar

Publicaciones relacionadas:

input type="text" ¿cuáles son los usos del wifi? Simplemente explicado ¿existe un portátil para la programación? como programar en bloc de notas html

admin