Uso de tablas en HTML

Las tablas te permiten presentar datos de forma estructurada usando filas y columnas. Las tablas HTML son ideales para cosas como listas de precios, horarios o estadísticas.

Estructura de la tabla

Las tablas comienzan con la etiqueta <table>. Las filas se crean con <tr>, los encabezados con <th> y las celdas con <td>.

<table>
  <tr>
    <th>Item</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>Apple</td>
    <td>0.2$</td>
  </tr>
</table>

Ejemplo: Tabla renderizada

Este es un ejemplo de cómo se ve una tabla HTML simple cuando se muestra en el navegador. Esto te ayuda a visualizar cómo aparece el código.

Atributos especiales de celda

Puedes usar colspan y rowspan en elementos <td> para que una celda abarque múltiples columnas o filas.

<td colspan="2">Occupies two columns</td>

<td rowspan="2">Occupies two rows</td>

Elementos semánticos de tabla

Puedes usar las etiquetas <thead>, <tbody> y <tfoot> para que la estructura de tu tabla sea más organizada y comprensible.

Cuándo usar tablas

Usa tablas cuando necesites mostrar datos estructurados. No las uses para diseño o maquetación — las soluciones modernas con CSS son más adecuadas para eso.