Tablas en HTML:

Tablas HTML

Las tablas se definen con la etiqueta <table>.
Una tabla se divide en filas (con la etiqueta <tr>), y cada fila se divide en celdas de datos (con la etiqueta <td>). TD son las siglas de "datos de la tabla," y sostiene el contenido de una celda de datos. Una etiqueta <td> puede contener texto, enlaces, imágenes, listas, formularios, otras tablas, etc... Con el código HTML anterior se ve en un navegador se la siguiente manera:

Fila 1, columna 1 Fila 1, columna 2
Fila 2, columna 1 Fila 2, columna 2

Tablas y el atributo border

Si no se especifica un atributo border, la tabla se mostrará sin "fronteras", es decir, sin bordes. A veces esto puede ser útil, pero la mayoría de veces, queremos que los márgenes se muestren.
Para mostrar una tabla con bordes, especifique el atributo border:

Encabezados

La información de cabecera en una tabla se definen con la etiqueta <th>.
Todos los principales navegadores muestran el texto en el elemento <th> como negrita y centrado.
Con el código anterior se muestra la siguiente tabla:

Encabezado 1 Encabezado 2
Fila 1, Columna 1 Fila 1, Columna 2
Fila 2, Columna 1 Fila 2, Columna 2

Etiquetas para las tablas

Etiqueta Descripción
<table> Defines la tabla
<th> Defines el encabezado de la tabla
<tr> Defines una fila de la tabla
<td> Defines una columna de la tabla
<caption> Defines un título de la tabla
<colgroup> Especifica un grupo de una o más columnas de una tabla para el formato.
<col> Especifica las propiedades de columna para cada columna dentro de una <colgroup> elemento.
<thead> Se utiliza para agrupar contenido de la cabecera en una tabla HTML.
<tbody> Se utiliza para agrupar el contenido del cuerpo en una tabla HTML.
<tfoot> Se utiliza para agrupar el contenido de pie de página en una tabla HTML.