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 | Tabellen und Formulare
HTML-Grundlagen

bookErstellung und Strukturierung von HTML-Tabellen

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:

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. Welchem Zweck dient 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

Welchem Zweck dient das <tbody>-Tag?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 1

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

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

bookErstellung und Strukturierung von HTML-Tabellen

Swipe um das Menü anzuzeigen

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:

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. Welchem Zweck dient 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

Welchem Zweck dient das <tbody>-Tag?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 1
some-alt