¿Qué es un grupo de encabezado de tabla?
En CSS, el “ Grupo de encabezado de tabla ” se utiliza para mostrar el encabezado de la tabla a través del “
Ejemplo
El encabezado de una tabla tiene un formato diferente del resto de las entradas de la tabla para diferenciarla visualmente. Por lo general, se representan con un tamaño de fuente en negrita o texto en escala superior. Al enumerar los nombres de 'Hombres' y 'Mujeres', podemos asignarlos como encabezados en una fila separada, como se muestra en el siguiente ejemplo:
< mesa >
< cabeza >
< tr >
< el > Hombres < / el >
< el > Mujer < / el >
< / tr >
< / cabeza >
< cuerpo >
< tr >
< td > Jaime < / td >
< td > Jéssica < / td >
< / tr >
< tr >
< td > David < / td >
< td > laura < / td >
< / tr >
< tr >
< td > jacob < / td >
< td > rebeca < / td >
< / tr >
< / cuerpo >
< / mesa >
Los siguientes pasos explican cómo crear un encabezado de tabla:
- Añade el '
” etiqueta para crear una tabla. - En el siguiente paso, especifique el “
” etiqueta que hace referencia al encabezado de la tabla. - Agregue los valores del encabezado como una fila a través de la etiqueta '
' y cierre el encabezado a través de la etiqueta ''. - Ahora, incluye el ' ” etiqueta para comenzar el cuerpo de la tabla.
- Inserte los datos para cada una de las filas usando la etiqueta “
' y ' ” etiquetas, respectivamente.”. - Concluya el cuerpo de la mesa y la mesa a través del “
Producción
¿Qué es un grupo de pie de tabla?
El ' Grupo de pie de tabla ” se usa para mostrar el pie de página de una tabla en CSS con la ayuda de “
' etiqueta. El pie de página también brinda información sobre el contenido de la tabla que puede ayudar al lector a comprender los datos con mayor claridad. Utilizando el mismo ejemplo de la parte anterior, agregue el pie de página que proporciona el número total de entradas en cada columna para 'Hombres' y 'Mujeres' en la tabla.
Ejemplo
< mesa >
Descripción general del siguiente ejemplo que explica el concepto discutido:
< cabeza >
< tr >
< el >Hombres< / el >
< el >Mujeres< / el >
< / tr >
< / cabeza >
< cuerpo >
< tr >
< td >James< / td >
< td >Jessica< / td >
< / tr >
< tr >
< td >David< / td >
< td >Laura< / td >
< / tr >
< tr >
< td >Jacob< / td >
< td >Rebeca< / td >
< / tr >
< / cuerpo >
< pie >
< tr >
< td clase = 'bg-gris-200' >Total 03< / td >
< td clase = 'bg-gris-200' >Total 03< / td >
< / tr >
< / pie >
< / mesa >Los siguientes pasos explican los pasos para crear un pie de página:
- Similar al ejemplo anterior, agregue el '
” etiqueta para crear/incluir una tabla. - Incluir la '
” etiqueta para especificar el encabezado de la tabla. - Ahora, de manera similar, agregue los títulos de encabezado como una fila y cierre el encabezado a través de ' ' etiqueta.
- Recuerde los enfoques discutidos para especificar el cuerpo de la tabla e incluir datos en él.
- Ahora, agregue el '
” etiqueta para comenzar el pie de página de la tabla. - Agregue los datos para el pie de página de la tabla como una fila y cierre el pie de página con el botón ' ' etiqueta.
- Por último, concluya la tabla utilizando el “ ' etiqueta.
Producción
El código escrito anteriormente genera el siguiente resultado:
Conclusión
El encabezado y el pie de página en una tabla en CSS ayudan a agregar más información en la parte superior e inferior de una tabla, respectivamente. Esta información ayuda a determinar de qué se trata la tabla y proporciona más detalles contenidos dentro de los valores insertados en la tabla. Juntos, estos dos enmarcan perfectamente los datos encapsulados dentro de la tabla.
- Ahora, incluye el ' ” etiqueta para comenzar el cuerpo de la tabla.