Tablas

HTML permite la creación de tablas que permiten colocar cualquier tipo de elemento dentro de sus celdas. Imaginemos un listado de estudiantes o el detalle de una factura con todos sus artículos, cantidades, montos, etc.

Para crear las tablas necesitamos de cuatro etiquetas diferentes:

table: la tabla de forma con esta etiqueta y dentro están las fila y columnas.

tr: esta es la forma de indicar una fila y dentro de esta podremos colocar celdas.

th: esta etiqueta es el encabezado de la tabla y va al principio.

td: esta última etiqueta se refiere a los datos de la tabla

En primer lugar vamos a crear unos estilos para aplicar a la tabla y sus celdas, luego veremos solo la tabla, dentro de ella una fila y dentro de esa fila tres encabezados:

Por último, vamos a colocarles datos a la tabla para que se aprecie algo semejante a una grilla de una consulta sql