📊 Tablas en HTML

Las tablas son una estructura muy útil en HTML para organizar y presentar datos en filas y columnas. Aprende a crear y mejorar tablas en tus proyectos web.

¿Qué son las tablas en HTML?

Las tablas permiten mostrar datos en filas y columnas. Son esenciales para representar información de manera organizada, como listas de precios, horarios, inventarios, etc.

Las tablas están formadas por varias etiquetas clave:

Sintaxis básica de una tabla:

Para crear una tabla básica en HTML, utilizamos las etiquetas anteriores. Aquí tienes un ejemplo básico:


<table>
  <thead>
    <tr>
      <th>Nombre</th>
      <th>Edad</th>
      <th>Ciudad</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Ana</td>
      <td>28</td>
      <td>Lima</td>
    </tr>
    <tr>
      <td>Luis</td>
      <td>34</td>
      <td>Bogotá</td>
    </tr>
  </tbody>
</table>

    

Ejemplo de tabla con datos:

Aquí te mostramos un ejemplo real de una tabla con datos de personas:

Nombre Edad Ciudad
Ana 28 Lima
Luis 34 Bogotá

Consejos para mejorar el diseño de tus tablas:

El diseño adecuado de una tabla es crucial para que los datos sean legibles. Aquí tienes algunos consejos: