Tabellenüberschriften

Unsere Tabelle hat Daten, aber ohne Überschriften wissen wir nicht, was die Daten bedeuten. Deshalb verwenden wir das Element th (kurz für englisch table header, Tabellenkopf, eine Überschriftenzelle). Es funktioniert genau wie td, enthält aber eine Überschrift, die den Daten in ihrer Spalte (oder Zeile) eine Bedeutung gibt. Browser zeigen es fett und zentriert an.

<table>
	<tr>
		<th>Produkt</th>
		<th>Preis (€)</th>
	</tr>
	<tr>
		<td>Fernseher</td>
		<td>200</td>
	</tr>
</table>

Der Code im Beispiel könnte so angezeigt werden:

Wir haben th-Elemente in die erste Zeile (tr) gesetzt, deshalb ist die erste Zeile zur Überschriftenzeile der Tabelle geworden.