Curso de HTML
Construye la estructura de la web.
Aprende cada etiqueta con ejemplos interactivos y crea proyectos reales.
Una tabla organiza datos reales en filas y columnas, como un horario de clases o los resultados de un torneo. Tres etiquetas bastan para construir una.
Explicación
Toda tabla se construye anidando estas tres etiquetas:
<table>Contenedor de la tabla completa.
<tr>Una fila de la tabla ("table row").
<td>Una celda de datos dentro de una fila ("table data").
Reto rápido
A esta fila le falta una celda. Agrégale un segundo <td> con la materia "Química".
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
Cuenta cuántos <td> tiene cada <tr>: todas las filas de una tabla bien formada deberían tener el mismo número de celdas.
Dato extra
Las tablas no tienen ningún borde visible por defecto; el que sueles ver en los ejemplos viene de CSS (border).
Error común
Usar <table> para maquetar el diseño visual de una página (columnas, menús) en vez de para datos tabulares reales. Rompe la accesibilidad y no es responsive.
Siguiente paso
Ya sabes construir la estructura básica. Ahora veamos cómo marcar cuáles celdas son encabezados.
Ir a la siguiente lección