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 anzuzeigen, wie z. B. Zeitpläne, Statistiken oder jede andere Art von Informationen, die in einem Raster dargestellt werden können. Um eine Tabelle zu erstellen, verwenden Sie das <table>-Tag zusammen mit anderen Tags wie <tr> für Tabellenzeilen, <td> für Tabellendaten (Zellen) und <th> für Tabellenüberschriften.

Hier ist die Grundstruktur 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 Kopfzeilenzelle definiert. Kopfzeilenzellen werden normalerweise für Spalten- oder Zeilentitel verwendet und standardmäßig fett dargestellt.

• <td>: Das Tag, das eine Standardzelle in der Tabelle definiert.

So würde diese Tabelle in einem Browser dargestellt werden:

In diesem Beispiel haben wir eine Tabelle mit zwei Zeilen und zwei Spalten. Die erste Zeile enthält Kopfzeilen, und die nachfolgenden Zeilen enthalten reguläre Datenzellen. Diese Struktur erzeugt ein einfaches Gitter-Layout, das leicht zu lesen und zu verstehen ist.