Tabellen - How to Internet

howtointer.net
BEGINNER ADVANCED EXPERT DEVELOPER

Tabellen

Tabellen eigenen sich prima dafür Inhalte gegenüberzustellen und tabellarisch darzustellen. Für das Layout sollte man sie nicht verwenden, auch wenn dies früher oft getan wurde.

Tabellen lassen sich mit <table> <table> anlegen. Dazwischen müssen wir unseren Inhalt natürlich in Zeilen und Spalten formatieren. Mit <tr> (Table row) beginnen wir eine neue Zeile. Dazwischen markieren wir die Kopfspalte jeweils mit <th> (table head) und eine normale Datenspalte mit <td>.

See the Pen Tabelle 1.0 by Marcel Deuter (@howtointernet) on CodePen.

Noch hat die Tabelle allerdings gar keine Begrenzungen, sodass diese sehr unübersichtlich ist. Wir können mit den align-Attribut die Ausrichtung der einzelnen Tags ändern und mit CSS das grundlegende Styling verändern. Aber dazu kommen wir später.

See the Pen JXJzaM by Marcel Deuter (@howtointernet) on CodePen.