Tabellenstrukturen in HTML



Tabelle allgemein:

Eine Tabelle (aus lateinisch tabella wörtlich für „[das] Täfelchen“ und übertragen auch „[die] Tafel“)[1] ist eine geordnete Zusammenstellung von Texten oder Daten. Die darzustellenden Inhalte werden dabei in Zeilen (waagerecht) und Spalten (senkrecht) gegliedert, die grafisch aneinander ausgerichtet werden. Man nennt die erste Spalte einer Tabelle Vorspalte,[2] sofern sie den Inhalt der Felder der übrigen Spalten in derselben Zeile bezeichnet oder erläutert. Die ersten Zeilen einer Tabelle, die Erläuterungen zum Tabelleninhalt enthalten und/oder die Felder in den folgenden Zeilen der einzelnen Spalten bezeichnen oder erläutern, bilden den Tabellenkopf;[2] besteht dieser nur aus einer Zeile, heißt diese Kopfzeile. Weiterhin bestehen Tabellen aus Tabellenfeldern (Zellen). Der Verweis auf ein Feld ist die Adressierung (Referenz).

(aus Wikipedia der online-Enzyklopädie)

Symmetrische Tabellen

Symmetrischen Tabellen sind gekennzeichnet durch eine gleichmäßige Aufteilung in Spalten und Zeilen. Daraus resultiert eine symmetrische (gleichmäßige) Verteilung bzw. Anordnung der Zellen über den gesammten Tabellenbereich. Es handelt sich also um gleichmäßige Tabellen, in denen in jeder Zeile und Spalte die gleiche Anzahl von Zellen vorliegen.

Aus wirtschaftlich/buchhalterischer Sicht werden symmetrische Tabellen definiert als Tabellen, in deren Zeilen und Spalten dieselben Klassifikationen oder Einheiten (d. h. dieselben Güter- oder Wirtschaftsbereichgruppen) verwendet werden.

(Quelle: zolltarifnummern.de)

Asymmetrische Tabellen

Bei asymmetrischen Tabellen sind Zellbereiche zusammengefasst und erstrecken sich über mehrere Spalten und/oder Zeilen einer Tabelle. Diese Zellverbünde werden für Zwischenüberschriften oder Summenkennzeichnungen u.Ä. verwendet.

(Quelle: icke)


Teil1: Symmetrische Tabellen

Bsp.: symmetrische Tabelle/Struktur
Zelle1 Zelle2 Zelle3
Datenzelle1 Datenzelle2 Datenzelle3
Datenzelle4 Datenzelle5 Datenzelle6
Datenzelle7 Datenzelle8 Datenzelle9

Teil2: Asymmetrische Tabellen

Bsp.: Struktur Asymmetrische Tabelle
Übersicht Personaltabelle Abteilung Einkauf
Personaldaten Umsätze
P-Nr.: Name Vorname 1. Halbjahr 2. Halbjahr Jahressumme
22_X25 Müller Ursula 22.000 € 19.850 € 41.850 €
25_X25 Meier Adalbert 28.000 € 29.000 € 57.000 €
Summe: 50.000 € 48.850 € 98.850 €

Beispiel: Asymmetrische Tabellen mit Spalten- und Zeilenüberläufen

Beispiel unregelmäßige Tabelle
Spalte 1 (doppelte Breite) Spalte 2 Spalte 3
Zelle 5 (doppelte Höhe) Zelle 6 (doppelte Breite) Zelle 7 (doppelte Höhe)
Zelle 9 (doppelte Breite)
Zelle 13 Zelle 14 (dreifache Breite)
Zelle 17 Zelle 18 (dreifache Breite)
Zelle 21 Zelle 22 Zelle 23 Zelle 24