Sie sind hier: Startseite -> HTML-Grundlagen -> Tabelle

HTML-Grundlagen: Tabelle

Tabellen in HTML-Seiten entwickeln

Die Tabelle hatte seit jeher in der HTML-Programmierung für Webseiten eine große Rolle gespielt, eigentlich eine noch größere Rolle, als es in der Gegenwart der Fall ist. Denn die Tabelle hatte zwei Funktionen eingenommen: einmal gab es die Layouttabelle, mit der die ganze Seite aufgebaut wurde und dann gab es die Datentabelle, mit der Informationen aufbereitet wurden.

Während die Datentabelle weiterhin ein Thema ist und bleibt, sollte auf die Layouttabelle verzichtet werden. Es handelt sich dabei um eine simple Tabelle, wie sie für Daten auch verwendet wird, die als Gerüst für die Webseite dient. Das bedeutet aber auch, dass man es mit einer unflexiblen und den Quellcode unnötig aufblasenden Struktur zu tun hat, die durch CSS längst ersetzt wurde. Zudem ist CSS wesentlich eleganter zu steuern.

Damit ist die Funktion der Tabelle auf die Daten beschränkt und bietet verschiedenste Fakten in übersichtlicher Form an. Ob es nun eine Fußballtabelle ist oder eine Datentabelle über Forschungsarbeiten spielt dabei keine Rolle. Es gibt die Überschrift, die Zeilen mit den Daten, die wiederum in Zellen unterteilt sind, die zugleich die Spalten repräsentieren.

Tabellen können sehr umfangreich werden und sie sind durch CSS flexibel formatierbar, sodass man schöne Lösungen anbieten kann.

Übersicht der Unterseiten

Tabelle (table)

Informationen über den Table-Tag, mit dem eine Tabelle in eine HTML-Webseite eingebaut werden kann.

Zeile (TR)

Informationen über den TR-Tag, mit dem eine Tabellenzeile in einer HTML-Tabelle definiert wird.

Table Data (TD)

Informationen über den TD-Tag, mit dem die Tabellenzellen gestaltet werden.

Colgroup

Informationen über den colgroup-Tag, mit dem die Spaltenbreite einer Tabelle in HTML vordefiniert werden kann.

Thead

Informationen über den thead-Tag, mit dem Überschriften als Kopfteil in Tabellen mittels HTML definiert werden können.

Tfoot

Informationen über den Tfoot-Tag, mit dem eine Fußzeile in einer Tabelle durch HTML definiert werden kann.

Zellen verbinden

Informationen über den Parameter colspan, mit dem Zellen in einer HTML-Tabelle verbunden werden können.

Zeilen verbinden

Informationen über den Parameter rowspan, mit dem Zeilen in einer HTML-Tabelle verbunden werden können.

Produktsuche

Was brauchen Sie?

Ein Vorteil von Amazon besteht darin, dass es Millionen Produkte gibt, die man auch sehr gut im Preis und Angebot überprüfen kann. Ob man nun Sport betreiben möchte oder ein Kochbuch sucht - man wird fast immer fündig. Mit der nachstehenden Suche können Sie sehr schnell das aktuelle Angebot durchsuchen. Einfach den gewünschten Suchbegriff eingeben und auf den Suche-Button klicken.


Soziale Medien

Wenn der Artikel gefallen und/oder geholfen hat, bitte teilen:

Themenliste:

Zurück zum Hauptthema

Übersicht HTML-Grundlagen