Conceptos básicos de tablas

En HTML, una tabla es una forma de organizar datos en filas y columnas. Las tablas se suelen usar para mostrar datos en un formato estructurado, como horarios, estadísticas o cualquier otro tipo de información que se pueda presentar en una cuadrícula. Para crear una tabla, se usa la etiqueta <table> junto con otras etiquetas, como <tr> para las filas de la tabla, <td> para los datos de la tabla (celdas) y <th> para los encabezados de la tabla.

Esta es la estructura básica de una tabla HTML:

<table>
	<tr>
		<th>Header 1</th>
		<th>Header 2</th>
	</tr>
	<tr>
		<td>Row 1, Cell 1</td>
		<td>Row 1, Cell 2</td>
	</tr>
	<tr>
		<td>Row 2, Cell 1</td>
		<td>Row 2, Cell 2</td>
	</tr>
</table>

• <table>: La etiqueta que define la tabla.

• <tr>: La etiqueta que define una fila de tabla.

• <th>: La etiqueta que define una celda de encabezado. Las celdas de encabezado suelen usarse para los títulos de columnas o filas y se muestran en negrita de forma predeterminada.

• <td>: La etiqueta que define una celda estándar de la tabla.

Así se mostraría esta tabla en un navegador:

En este ejemplo, tenemos una tabla con dos filas y dos columnas. La primera fila contiene celdas de encabezado y las filas siguientes contienen celdas de datos normales. Esta estructura crea un diseño de cuadrícula sencillo que es fácil de leer y comprender.