HTML & CSS | Beginner

Tabellen und einfache Strukturdaten

Daten übersichtlich in Tabellen darstellen.

Lernziel

Du kannst einfache Tabellen mit Zeilen und Spalten erstellen und weisst, wann Tabellen sinnvoll eingesetzt werden.

Wann Tabellen sinnvoll sind

Tabellen eignen sich fuer Daten, die in Zeilen und Spalten logisch zusammengehoeren, zum Beispiel Punktestaende, Oeffnungszeiten oder Preislisten.

Beispiel

<table>
  <tr><th>Name</th><th>Punktzahl</th></tr>
  <tr><td>Anna</td><td>12</td></tr>
</table>

Live-Beispiel

Name	Punktzahl
Anna	12

Was bewirkt der Code?

table erzeugt den Tabellenrahmen. tr steht fuer eine Tabellenzeile. th kennzeichnet eine Kopfzelle und td eine normale Datenzelle. Damit werden Informationen sauber geordnet dargestellt.

Hinweis

Tabellen sind fuer strukturierte Daten gedacht und nicht fuer das Seitenlayout. Fuer Layouts verwendest du heute eher CSS mit Flexbox oder Grid.

← Vorherige Lesson