HTML Básico: Tablas

En HTML las tablas se organizan filas y celdas.

Etiquetas más utilizadas:

<table></table> nos indican el inicio y el final de la tabla, el resto de etiquetas se encuentra en su interior.

 <tr></tr> (Table Row) representa una fila de la tabla.

<td></td> (Data Table cell) representa a una celda de la tabla.

Ahora vamos a ver otras etiquetas que pueden ser de utilidad

<th></th> (Table Header cell) Representan a las celdas de la cabecera de la tabla
Estas etiquetas se pueden utilizar para definir estilos y los navegadores resaltan estas celdas en negrita

Se ha omitido el código de las celdas

<thead></thead> Agrupa una o más filas de cabecera.

<tbody></tbody> Agrupa una o más filas del cuerpo de la tabla.
 
<tfoot></tfoot> Agrupa una o más filas del pie de la tabla.

<caption></caption> nos permite separar el título de la tabla.

Tablas con celdas compuestas:

Los atributos colspan y rowspan nos especifican cuantas columnas o filas respectivamente ocupan las celdas. A estos atributos siempre se les asignará un valor entero.

Las etiquetas <colgroup></colgroup> y la etiqueta <col /> se utilizan para las agrupaciones de columnas. Con ellas también se pueden utilizar el atributo span para indicar el número de columnas que se agrupan.

Consejos: 
Utilizar las tablas sólo para representar tablas, no utilizar para maquetación.
Cuidado con las combinaciones de filas y columnas.
Las agrupaciones facilitan aplicar los estilos con CSS

Esta información se ha elaborado a partir del video del curso de idesweb.