Profe Johnny
Manual · Tema 7 de 11

Tablas

Cómo mostrar datos tabulares correctamente.

Las tablas se construyen con <table>, filas con <tr> y celdas con <td>. Las celdas de encabezado usan <th>, que además de negrita añade significado semántico para lectores de pantalla.

Se recomienda agrupar el encabezado en <thead> y el cuerpo en <tbody> para tablas más grandes o generadas dinámicamente.

Las tablas deben usarse solo para datos tabulares (horarios, precios, comparativas), nunca para maquetar el diseño general de una página — para eso existen CSS Flexbox y Grid, que veremos en el Módulo 2.

Ejemplo — pruébalo tú mismo

tablas.html
Ponlo a prueba: Agrega una tercera fila para JavaScript y una columna nueva llamada 'Nivel'.