MÓDULO 1: FUNDAMENTOS

Tablas de Datos

Las tablas organizan información en filas y columnas. Son ideales para mostrar datos estructurados como horarios, precios, estadísticas o inventarios. En HTML, se crean con la etiqueta <table>.

---

1. La estructura básica de una tabla

Una tabla se compone de:

• <table> — contenedor principal
• <tr> — fila (table row)
• <th> — encabezado de columna (table header)
• <td> — celda de datos (table data)

<table>
  <tr>
    <th>Nombre</th>
    <th>Edad</th>
    <th>Ciudad</th>
  </tr>

  <tr>
    <td>Juan</td>
    <td>25</td>
    <td>Madrid</td>
  </tr>
</table>

---

2. Atributos útiles para tablas

• border
  Añade un borde a la tabla (no recomendado en diseño moderno, pero útil para pruebas).

  <table border="1">...

• colspan y rowspan
  Unen celdas horizontalmente (colspan) o verticalmente (rowspan).

  <td colspan="2">Celda unida</td>

---

3. Encabezados y pie de tabla

Para mejorar la semántica y accesibilidad, puedes usar:

• <thead> — para encabezados
• <tbody> — para el cuerpo de la tabla
• <tfoot> — para el pie (opcional)

<table>
  <thead>
    <tr>
      <th>Producto</th>
      <th>Precio</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Manzana</td>
      <td>$1.50</td>
    </tr>
  </tbody>
</table>