Propósito de Table-Cell
Una celda de tabla es una entrada individual dentro de una tabla que se compone de varias otras celdas como ella misma. El objetivo principal de una celda de tabla es registrar datos de manera ordenada para facilitar la comprensión y comprensión. Significa una posición particular dentro de una tabla en la que está contenida una entrada.
Tipos de celdas de tabla
Una tabla en HTML tiene principalmente dos tipos de celdas. Estos son ' Celdas de encabezado ' y ' Celdas de datos ”. Más detalles sobre sus diferencias y similitudes se dan a continuación.
Celdas de encabezado
Las celdas de encabezado están representadas por el ' La celda de encabezado de una tabla estará en la parte superior de la columna y las entradas a continuación serán las celdas de datos. Estas celdas también tienen un formato específico para diferenciarlas de las celdas de datos que siguen a continuación. Las celdas de encabezado se especifican para tener un tamaño de fuente más grande y letras en negrita para agregar significado al contenido de las celdas de datos. Ejemplo En este bloque de código: Producción Como se ve, la celda del encabezado se muestra en negrita de forma predeterminada. Las celdas de datos están representadas por el ' Las celdas de datos también tienen un formato particular. Estos tienen un tamaño de fuente más pequeño que las celdas de encabezado y contienen texto sin formato o números, según los requisitos. Es tal que las celdas de datos debajo de la celda de encabezado 'Nombre' tendrán los nombres de las personas interesadas, por ejemplo, John, David, Michael y James. Ejemplo Los siguientes pasos explican el código para crear una celda de datos de tabla: ” etiqueta en HTML Tailwind CSS. Estos forman los títulos de las columnas en una tabla. Los encabezados definen cuáles serán todos los valores en la columna en particular. Ejemplos de encabezados son nombre, dirección de correo electrónico, número de contacto, número de seguro social, etc.
En el siguiente código, hemos creado una celda de encabezado de tabla a través de la etiqueta '':
< mesa >
< cabeza >
< tr >
< el > Celda de encabezado 01 < / el >
< / tr >
< / cabeza >
< / mesa >
' para crear una celda de encabezado de tabla.
” dentro de la etiqueta “ ”.
”, “” y “”, respectivamente, para completar la celda de la tabla.
Celdas de datos
” etiqueta en HTML Tailwind CSS. Estas celdas contienen toda la información dentro de una tabla. Estos se enumeran debajo de las celdas del encabezado y contienen datos para todas las entradas de un encabezado en particular. Por ejemplo, si la celda del encabezado se titula 'Nombre', las celdas de datos que se encuentran debajo contendrán los nombres de todo el personal para quien se registran los datos.
El código para crear una celda de datos de tabla usando el ' La etiqueta ” se da a continuación:
< cabeza >
< estilo >
mesa {
borde-colapso: colapso;
}
td {
borde : 1px negro sólido;
relleno: 10px;
}
< / estilo >
< / cabeza >
< cuerpo >
< mesa >
< tr >
< td >Tabla-Celda< / td >
< / tr >
< / mesa >
” dentro de la etiqueta “ ”.
”, “” y “