Tabellen - Table HTML

<table> </table>
Dieser Befehl richtet eine Tabelle ein. In Tabellen werden Inhalte häufiger nachvollziehbarer und verständlicher dargestellt, als wenn man die Inhalte in reiner Textform erklärt.

Um eine Tabelle in HTML zu erstellen, werden verschiedene Tags verwendet, um die Struktur der Tabelle zu definieren. Hier sind die grundlegenden HTML-Befehle, die für die Erstellung von Tabellen verwendet werden:

  1. <table>: Dieses Tag definiert die Tabelle selbst. Alle anderen Tabellen-Tags werden innerhalb dieses Tags platziert.

  2. <tr>: Steht für "table row" und wird verwendet, um eine Zeile in der Tabelle zu erstellen.

  3. <th>: Steht für "table header" und wird verwendet, um Kopfzellen in der Tabelle zu definieren, die üblicherweise fett und zentriert dargestellt werden.

  4. <td>: Steht für "table data" und wird verwendet, um eine normale Zelle in der Tabelle zu definieren.

Hier ein einfaches Beispiel für eine Tabelle mit zwei Spalten und drei Zeilen (inklusive der Kopfzeile):

<table> <tr> <th>Spalte 1</th> <th>Spalte 2</th> </tr> <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>

In diesem Beispiel:

  • <table> markiert den Anfang und das Ende der gesamten Tabelle.
  • Innerhalb der Tabelle gibt es drei Zeilen (<tr>), von denen die erste die Kopfzeile ist.
  • Die Kopfzeile enthält zwei Kopfzellen (<th>), und die anderen beiden Zeilen enthalten jeweils zwei Zellen (<td>).

Zusätzliche Tags und Attribute können hinzugefügt werden, um das Layout und das Design der Tabelle anzupassen. Zum Beispiel:

  • <caption>: Fügt eine Überschrift oder Beschreibung zur Tabelle hinzu.
  • colspan und rowspan: Attribute, die in <th>- und <td>-Tags verwendet werden, um Zellen über mehrere Spalten oder Zeilen zu erstrecken.
  • Stilattribute oder CSS-Klassen, um das Aussehen der Tabelle anzupassen.