Cómo insertar encabezado de tabla HTML?

Cómo insertar encabezado de tabla HTML?

Existen varios métodos para representar datos, como gráficos, gráficos, tablas y más. Pero el método más común, comprensible y manejable es agregar una tabla en una página web. La mesa ahorra tiempo y espacio. Además, organiza los datos en filas y columnas.

El resultado de aprendizaje de esta guía es:

  • ¿Qué son los encabezados de la mesa??
  • Cómo crear mesa de encabezado horizontal en HTML?
  • Cómo crear mesa de encabezado vertical en HTML?

¿Qué son los encabezados de la mesa??

Los encabezados en una tabla representan el tipo de datos contenidos en la fila o columna. Los encabezados se pueden establecer horizontal o verticalmente en una mesa. Más específicamente, el ""La etiqueta agrega encabezados a la mesa.

Cómo crear mesa de encabezado horizontal en HTML?

Como sabemos, una tabla comprende encabezados, filas y columnas. Del mismo modo, en HTML, puede hacer tablas usando el

etiqueta, filas con el etiqueta y columnas con el
etiqueta.

Para crear una tabla de encabezado horizontal en el archivo HTML:

  • Agrega un etiqueta.
  • Dentro de esta etiqueta, coloque una etiqueta para dar/establecer un título en la tabla.
  • Para hacer una fila de mesa para los encabezados, agregue
  • Etiquetas dentro de las cuales agregan
    Etiquetas para especificar los encabezados.
  • Del mismo modo, agregar
  • Etiquetas para agregar filas de datos.

    Html























    Detalles del curso de los estudiantes
    NombreNombre del PadreCurso
    JohnMaderaFundamentos de Java
    GuillermoJaimeIntroducción a C++
    BenHerreroSistemas de computación humana

    La imagen a continuación muestra una tabla se crea correctamente:

    Aplicemos estilos a la mesa creada anteriormente con CSS.

    Mesa de estilos, th, elementos td

    tabla, th, td
    tamaño de fuente: 24px;
    borde: 4px Solid #379237;
    margen: auto;
    relleno: 4px;
    Ancho: 60%;
    tamaño de fuente: 25px;
    Color de fondo: #38E54D;

    El

    ,
    , y Las etiquetas se diseñan con las propiedades que se describen a continuación:

    • "tamaño de fuente"La propiedad establece el tamaño de fuente en 24px.
    • "borde"La propiedad establece un borde alrededor de la mesa con un ancho de línea de 4px, estilo de línea continua y color #379237.
    • "margen"La propiedad se establece como"auto", Que significa espacios iguales a todos los lados del elemento.
    • "relleno"Propiedad con el valor de"4px"Agrega un espacio de 4px a todos los lados del contenido dentro de la mesa.
    • "ancho"La propiedad establece un 60% de ancho de la tabla.
    • "tamaño de fuente"La propiedad establece/ajusta el tamaño de fuente a 25px.
    • "color de fondo"La propiedad aplica el color #38E54D al fondo de la tabla.

    Producción

    Cómo crear mesa de encabezado vertical en HTML?

    Primero, cree una tabla usando el

    etiqueta. Dentro de esta etiqueta, incluya una etiqueta para el encabezado. Después de eso, para crear la primera fila, agregue un etiqueta y luego varios Etiquetas y
    Etiquetas para datos. Del mismo modo, agregue múltiples
    Etiquetas de la misma manera:





















    Detalles del curso de los estudiantes
    NombreJohnGuillermoBen
    Nombre del PadreHerreroMaderaJaime
    CursoFundamentos de JavaIntroducción a C++Sistemas de computación humana

    Se puede ver que los encabezados están en formato vertical:

    Así es como puede insertar un encabezado de tabla HTML en una tabla.

    Conclusión

    Los títulos de datos son muy necesarios para cualquier documento, ya que representan el tema de los datos contenidos en una columna o fila específica de la tabla. En html, el

    Las etiquetas en una tabla se utilizan para agregar encabezados a la tabla. Después de la creación de la página HTML, se utilizan varias propiedades para diseñar la mesa. Este artículo ha explicado el HTML Etiqueta con un ejemplo.