Conceptos básicos de tablas

En HTML, una tabla es una forma de organizar datos en filas y columnas. Las tablas se utilizan comúnmente para mostrar datos en un formato estructurado, como horarios, estadísticas o cualquier otro tipo de información que pueda presentarse en una cuadrícula. Para crear una tabla, se utiliza 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.

Aquí está 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 se utilizan normalmente 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 en la tabla.

Así es como se verí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 simple que es fácil de leer y entender.