¿Cuál es la estructura de una tabla en HTML?

La estructura de una tabla en HTML se define mediante varios elementos:

• <table>: Contenedor de la tabla.
• <caption>: Título opcional de la tabla.
• <colgroup> y <col>: Elementos opcionales para agrupar columnas y aplicar estilos.
• <thead>: Sección de encabezados de columnas.
• <tbody>: Sección del contenido principal de la tabla.
• <tfoot>: Sección del pie de la tabla.
• <tr>: Fila de la tabla.
• <th>: Celda de encabezado en una fila.
• <td>: Celda de datos en una fila.

Los elementos <thead>, <tbody> y <tfoot> ayudan a agrupar filas por significado y pueden ser utilizados por los navegadores para optimizar la visualización de tablas grandes. Dentro de estas secciones se colocan elementos <tr>. Dentro de <tr> se encuentran <th> (en <thead>, a veces en <tbody> o <tfoot>) o <td> (en <tbody> y <tfoot>, a veces en <thead>).

Ejemplo de estructura básica:

<table>
  <caption>
    Lista de productos
  </caption>
  <thead>
    <tr>
      <th>Nombre</th>
      <th>Precio</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Producto 1</td>
      <td>100</td>
    </tr>
    <tr>
      <td>Producto 2</td>
      <td>150</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">Total: 250</td>
    </tr>
  </tfoot>
</table>