Summary  
This chapter explains how to create and structure HTML tables by using the `<table>`, `<thead>`, `<tbody>`, `<tr>`, `<th>`, and `<td>` elements to organize data in rows and columns.

General domain of usage  
Web development

Tabellen in HTML werden verwendet, um Daten in Zeilen und Spalten darzustellen und bieten eine strukturierte Möglichkeit, Informationen zu organisieren.

## Tabellen erstellen
Das `<table>`-Tag wird verwendet, um eine Tabelle zu erstellen. Zeilen werden mit `<tr>` definiert und Zellen mit `<td>`.
Hier ist die Grundstruktur:

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPHRhYmxlPgogICAgICA8dHI+CiAgICAgICAgPHRkPlJvdyAxLCBDb2x1bW4gMTwvdGQ+CiAgICAgICAgPHRkPlJvdyAxLCBDb2x1bW4gMjwvdGQ+CiAgICAgICAgPHRkPlJvdyAxLCBDb2x1bW4gMzwvdGQ+CiAgICAgIDwvdHI+CiAgICAgIDx0cj4KICAgICAgICA8dGQ+Um93IDIsIENvbHVtbiAxPC90ZD4KICAgICAgICA8dGQ+Um93IDIsIENvbHVtbiAyPC90ZD4KICAgICAgICA8dGQ+Um93IDIsIENvbHVtbiAzPC90ZD4KICAgICAgPC90cj4KICAgIDwvdGFibGU+CiAgPC9ib2R5Pgo8L2h0bWw+

- `<table>` erstellt die Tabelle;
- `<tr>` erstellt eine Zeile;
- `<td>` erstellt eine Zelle innerhalb einer Zeile.

## Tabellenüberschriften
Verwendung von `<th>` für Spalten- oder Zeilenüberschriften. Überschriftenzellen befinden sich in der Regel im `<thead>`-Abschnitt.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPHRhYmxlPgogICAgICA8dGhlYWQ+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRoPlJvdyAxLCBDb2x1bW4gMSwgSGVhZGluZyAxPC90aD4KICAgICAgICAgIDx0aD5Sb3cgMSwgQ29sdW1uIDIsIEhlYWRpbmcgMjwvdGg+CiAgICAgICAgICA8dGg+Um93IDEsIENvbHVtbiAzLCBIZWFkaW5nIDM8L3RoPgogICAgICAgIDwvdHI+CiAgICAgIDwvdGhlYWQ+CiAgICAgIDx0cj4KICAgICAgICA8dGQ+Um93IDIsIENvbHVtbiAxPC90ZD4KICAgICAgICA8dGQ+Um93IDIsIENvbHVtbiAyPC90ZD4KICAgICAgICA8dGQ+Um93IDIsIENvbHVtbiAzPC90ZD4KICAgICAgPC90cj4KICAgIDwvdGFibGU+CiAgPC9ib2R5Pgo8L2h0bWw+

- `<thead>` umschließt Kopfzeilen;
- `<th>` definiert Kopfzellen.

## Tabellenkörper
Der Abschnitt `<tbody>` folgt auf `<thead>` und umschließt die Haupttabellendaten (die regulären Zeilen).

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPHRhYmxlPgogICAgICA8dGhlYWQ+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRoPlJvdyAxLCBDb2x1bW4gMSwgSGVhZGluZyAxPC90aD4KICAgICAgICAgIDx0aD5Sb3cgMSwgQ29sdW1uIDIsIEhlYWRpbmcgMjwvdGg+CiAgICAgICAgICA8dGg+Um93IDEsIENvbHVtbiAzLCBIZWFkaW5nIDM8L3RoPgogICAgICAgIDwvdHI+CiAgICAgIDwvdGhlYWQ+CiAgICAgIDx0Ym9keT4KICAgICAgICA8dHI+CiAgICAgICAgICA8dGQ+Um93IDIsIENvbHVtbiAxPC90ZD4KICAgICAgICAgIDx0ZD5Sb3cgMiwgQ29sdW1uIDI8L3RkPgogICAgICAgICAgPHRkPlJvdyAyLCBDb2x1bW4gMzwvdGQ+CiAgICAgICAgPC90cj4KICAgICAgPC90Ym9keT4KICAgIDwvdGFibGU+CiAgPC9ib2R5Pgo8L2h0bWw+

## Zusammenfassung
Tabellen bestehen aus folgenden Elementen:
- `<table>`: Hauptcontainer der Tabelle;
- `<thead>`: Kopfzeile(n) mit `<th>`;
- `<tbody>`: Datenzeilen mit `<td>`;
- `<tr>`: eine Tabellenzeile;
- `<td>`/`<th>`: Datenzelle / Kopfzelle.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPHRhYmxlPgogICAgICA8dGhlYWQ+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRoPkhlYWRpbmcgMTwvdGg+CiAgICAgICAgICA8dGg+SGVhZGluZyAyPC90aD4KICAgICAgICA8L3RyPgogICAgICA8L3RoZWFkPgogICAgICA8dGJvZHk+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRkPlRleHQgMTwvdGQ+CiAgICAgICAgICA8dGQ+VGV4dCAyPC90ZD4KICAgICAgICA8L3RyPgogICAgICAgIDx0cj4KICAgICAgICAgIDx0ZD5UZXh0IDM8L3RkPgogICAgICAgICAgPHRkPlRleHQgNDwvdGQ+CiAgICAgICAgPC90cj4KICAgICAgPC90Ym9keT4KICAgIDwvdGFibGU+CiAgPC9ib2R5Pgo8L2h0bWw+

Welches Tag wird verwendet, um eine Tabelle zu erstellen?

Welches Tag stellt eine Zeile innerhalb der Tabelle dar?

Beherrschen Sie die Grundlagen von HTML, um gut strukturierte und zugängliche Webinhalte zu erstellen. Lernen Sie, wie Sie Dokumente mit Tags, Elementen und Attributen strukturieren. Arbeiten Sie sicher mit Text, Listen, Bildern, Audio und Video, um Webseiten zu bereichern. Erstellen Sie Tabellen für organisierte Daten und Formulare für Benutzereingaben und Interaktionen. Entdecken Sie semantisches HTML zur Verbesserung der Zugänglichkeit und zum Aufbau vollständiger, funktionaler Webseitenstrukturen von Grund auf.

Erhalten Sie eine Einführung in das Web und HTML, einschließlich der Bedeutung von Tags, Elementen und Attributen. Lernen Sie die grundlegende Struktur eines HTML-Dokuments sowie einen kurzen Überblick über die Geschichte des Webs kennen.

Beherrschung der wesentlichen HTML-Auszeichnung mit Schwerpunkt auf spezieller Textformatierung und Listen sowie Verständnis ihrer Bedeutung für die Strukturierung von Inhalten innerhalb eines HTML-Dokuments. Vertiefung in die Feinheiten der HTML-Dokumentstruktur bei gleichzeitiger Verfeinerung der Textauszeichnungstechniken.

Erschließen Sie das Potenzial visueller und auditiver Inhalte in der Webentwicklung, indem Sie lernen, Bilder-, Video- und Audioelemente nahtlos in HTML-Dokumente zu integrieren. Entdecken Sie die Feinheiten der Einbindung verschiedener Medienformate.

Erkunden Sie die Feinheiten der Datenpräsentation und Benutzerinteraktion mit einer umfassenden Darstellung von Tabellen und Formularen in HTML, einschließlich Tabellenstrukturen, Formularerstellung und Eingabeelementen. Erwerben Sie Fachkenntnisse in der Implementierung von Formulareingabeelementen und der Nutzung von Attributen für erweiterte Funktionalität.

Heben Sie Ihre HTML-Kenntnisse auf die nächste Stufe, indem Sie sich mit semantischen HTML-Elementen beschäftigen, die es Ihnen ermöglichen, gut strukturierte und barrierefreie Webinhalte zu erstellen. Beginnen Sie mit dem Bau Ihrer ersten Website und wenden Sie Ihr neues Wissen an, um Ihre Ideen umzusetzen.

Erstellung und Strukturierung von HTML-Tabellen

Tabellen erstellen

Tabellenüberschriften

Tabellenkörper

Zusammenfassung

1. Welches Tag wird verwendet, um eine Tabelle zu erstellen?

2. Welches Tag stellt eine Zeile innerhalb der Tabelle dar?

3. Welchem Zweck dient das `<tbody>`-Tag?