thead | Html

Descripción

El elemento thead en HTML se utiliza para agrupar el contenido del encabezado en una tabla. Esto es útil para aplicar estilos específicos al encabezado de la tabla o para mejorar la accesibilidad. Debe usarse dentro de un elemento table.

Usualmente el elemento thead contiene una o más filas (tr), que a su vez contienen celdas de encabezado (th). Sin embargo, no es obligatorio usar th dentro de thead; también puede usar celdas normales (td).

Sintaxis

El elemento thead no tiene atributos específicos, pero puede usar los atributos globales de HTML y los atributos de eventos.

<table>
  <thead>
    <tr>
      <th>Encabezado 1</th>
      <th>Encabezado 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Dato 1</td>
      <td>Dato 2</td>
    </tr>
  </tbody>
</table>

Atributos Globales

Ejemplo

A continuación se muestra un ejemplo de cómo utilizar la etiqueta thead en un documento HTML.

<table>
  <thead>
    <tr>
      <th>Nombre</th>
      <th>Edad</th>
      <th>Correo electrónico</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Marta</td>
      <td>38</td>
      <td>[email protected]</td>
    </tr>
    <tr>
      <td>Luis</td>
      <td>3</td>
      <td>[email protected]</td>
    </tr>
  </tbody>
</table>

En este ejemplo, hemos creado una tabla con tres columnas: Nombre, Edad y Correo electrónico. Cada columna tiene su propio encabezado, definido dentro del elemento thead.

Artículos

Manual HTML

Aprende más sobre HTML consultando online o descargando nuestro manual.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Vídeos HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.