Tabellen-Grundlagen

In HTML ist eine Tabelle eine Möglichkeit, Daten in Zeilen und Spalten zu organisieren. Tabellen werden häufig verwendet, um Daten in einem strukturierten Format darzustellen, beispielsweise Zeitpläne, Statistiken oder andere Informationen, die in einem Raster präsentiert werden können. Um eine Tabelle zu erstellen, verwendest du das Tag <table> zusammen mit anderen Tags wie <tr> für Tabellenzeilen, <td> für Tabellendaten (Zellen) und <th> für Tabellenüberschriften.

Hier ist der grundlegende Aufbau einer HTML-Tabelle:

<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>: Das Tag, das die Tabelle definiert.

• <tr>: Das Tag, das eine Tabellenzeile definiert.

• <th>: Das Tag, das eine Kopfzelle definiert. Kopfzellen werden typischerweise für Spalten- oder Zeilentitel verwendet und standardmäßig fett dargestellt.

• <td>: Das Tag, das eine normale Tabellenzelle definiert.

So würde diese Tabelle in einem Browser dargestellt:

In diesem Beispiel haben wir eine Tabelle mit zwei Zeilen und zwei Spalten. Die erste Zeile enthält Kopfzellen, und die folgenden Zeilen enthalten normale Datenzellen. Diese Struktur erzeugt ein einfaches Rasterlayout, das leicht zu lesen und zu verstehen ist.