Redescubriendo tablas HTML

Basándome en algunas de mis prácticas recientes y después de comunicarme con algunos lectores sobre el uso de tablas HTML, decidí escribir este artículo. En general, noté que tienen una aversión preconcebida al uso de tablas debido a la información engañosa. De hecho, mucha gente dirá "Veo que las tablas nunca deberían usarse", ¡pero esto es absolutamente incorrecto! Esta sugerencia solo se aplica al uso de tablas HTML para definir el diseño de una página web, pero las tablas son perfectas para organizar convenientemente filas y columnas de información de datos, y si debe mostrar datos tabulares en una página, ¡debe usarlos! ¿por qué no? Sin embargo, en este caso, algunas personas ignoran la existencia de determinadas etiquetas HTML para tablas y no saben cómo utilizarlas correctamente.

HTML tiene 10 etiquetas relacionadas con tablas. A continuación se muestra una lista con una introducción, pero primero, el documento debe estar correctamente definido en HTML 4.01/XHTML 1 o HTML 5:

• <caption> define el título de la tabla (4, 5)
• <col> define atributos para las columnas de la tabla (4, 5)
• <colgroup> define la agrupación de columnas de la tabla (4, 5)
• <tabla> define la tabla (4, 5)
• <tbody> define el cuerpo de la tabla (4, 5)
• <td> define una celda (4, 5)
• <tfoot> define la nota al pie (parte inferior) de la tabla (4, 5)
• <th> define el encabezado de la tabla (4, 5)
• <thead> define el encabezado de la tabla (4, 5)
• <tr> define las filas de la tabla (4, 5)

Una estructura de tabla básica es la siguiente:

Contiene un título, encabezado, cuerpo y pie de página. El orden correcto de los elementos HTML es:

1. <tabla>
2. <título>
3. <cabeza>
4. <tpie>
5. <tcuerpo>

También puede utilizar <col> y <colgroup> para definir columnas de tabla o columnas de grupo:

1. <tabla>
2. <título>
3. <grupocol>
4. <col>
5. <cabeza>
6. <tpie>
7. <tcuerpo>