Tabellendaten

Wir haben Zeilen, also ist es Zeit, sie mit Daten zu füllen. Die Daten einer Tabelle stehen in Zellen, die wir mit dem Element td erstellen (kurz für englisch table data, Tabellendaten, eine Datenzelle). Die Daten selbst schreiben wir als Inhalt des Elements td.

<table>
	<tr>
		<td>Zeile 1, Zelle 1</td>
		<td>Zeile 1, Zelle 2</td>
	</tr>
	<tr>
		<td>Zeile 2, Zelle 1</td>
		<td>Zeile 2, Zelle 2</td>
	</tr>
</table>

Dieser Code wird so angezeigt:

Die Tabelle hat zwei Zeilen (tr), und jede Zeile hat zwei Zellen (td). Es gibt kein Element für Spalten: Eine Spalte besteht aus den Zellen an derselben Position in jeder Zeile. Das erste td jeder Zeile steht in der ersten Spalte, das zweite td in der zweiten Spalte, und so weiter.

Im Hintergrund haben wir etwas CSS hinzugefügt, damit die Tabelle leichter lesbar ist. Mehr über CSS lernst du im CSS-Kurs.