Las tablas se utilizan para poder mostrar información en este tipo de forma. Una tabla es esto:

En HTML las tablas se inician con la etiqueta <table>.

<caption>

Generalmente, lo primero que lleva una tabla es un titulo. Para eso se utiliza la etiqueta <caption>.

Imaginemos que queremos poner un titulo a la tabla que usamos de ejemplo. Esto sería asi

<table>
	<caption>Jugadores y dorsales</caption>
</table>

Ahora la tabla se llamará Jugadores y dorsales

<thead>

La etiqueta thead se utiliza para agrupar a todos los encabezados que tendrá la tabla. Para seguir el ejemplo de arriba, debemos agrupar los encabezados Jugador y Dorsal.

<table>
	<caption>Jugadores y dorsales</caption>
	<thead>
		Jugadores
		Dorsales
	</thead>
</table>

<th>

La forma que estamos encabezando la tabla en el ejemplo de arriba está mal, ya que existe una etiqueta para poder declarar a los encabezados. La etiqueta <th> (table head).

<table>
	<caption>Jugadores y dorsales</caption>
	<thead>
		<th>Jugadores</th>
		<th>Dorsales</th>
	</thead>
</table>

<tbody>

Asi como tenemos una etiqueta para agrupar todo el head, el cuerpo de la tabla también se puede agrupar en una etiqueta: tbody. La misma incluirá a todo el cuerpo de la tabla a excepción del header y el footer.

<table>
	<caption>Jugadores y dorsales</caption>
	<thead>
		<th>Jugadores</th>
		<th>Dorsales</th>
	</thead>
	<tbody>
	<!--Acá van los datos de la tabla-->
	</tbody>
</table>

<tr>

A nuestra tabla ahora le hacen falta filas. Para eso debemos utilizar la etiqueta table row <tr>. La misma crea una fila donde podremos ingresar como elementos validos datos o headers.

<table>
	<caption>Jugadores y dorsales</caption>
	<thead>
		<th>Jugadores</th>
		<th>Dorsales</th>
	</thead>
	<tbody>
		<tr>
	<!--Acá van los datos de la tabla-->
		</tr>
	</tbody>
</table>