Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Erstellung und Strukturierung von HTML-Tabellen | Abschnitt
HTML-Grundlagen

bookErstellung und Strukturierung von HTML-Tabellen

Swipe um das Menü anzuzeigen

Tabellen in HTML dienen zur Darstellung von Daten in Zeilen und Spalten und bieten eine strukturierte Möglichkeit zur Organisation von Informationen.

Tabellen erstellen

Das <table>-Tag wird zur Erstellung einer Tabelle verwendet. Zeilen werden mit <tr> und Zellen mit <td> definiert. Hier ist die Grundstruktur:

index.html

index.html

copy
  • <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.

index.html

index.html

copy
  • <thead> umschließt Kopfzeilen;
  • <th> definiert Kopfzellen.

Tabellenkörper

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

index.html

index.html

copy

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.
index.html

index.html

copy

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

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

3. Welchen Zweck hat das <tbody>-Tag?

question mark

Welches Tag wird verwendet, um eine Tabelle zu erstellen?

Select the correct answer

question mark

Welches Tag stellt eine Zeile innerhalb der Tabelle dar?

Select the correct answer

question mark

Welchen Zweck hat das <tbody>-Tag?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 14

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Abschnitt 1. Kapitel 14
some-alt