Gerard: Die Seite wurde neu angelegt: „ Handbuch → Problemlösungen ---- '''Tabellen''' sind ein gutes Mittel, um gleichartige Informationen übersichtlich zu gestalten. Auch die gute Beeinflussung der graphischen Gestaltung mithilfe von Tabellen sorgt für deren reichliche Verwendung, auch wenn dies nicht ihrer Idee entspricht: Tabellen sollten verwendet werden, wenn zwischen Tabellenzellen…“

2026-07-07T10:22:58Z

Die Seite wurde neu angelegt: „<center> Handbuch → Problemlösungen </center> ---- '''Tabellen''' sind ein gutes Mittel, um gleichartige Informationen übersichtlich zu gestalten. Auch die gute Beeinflussung der graphischen Gestaltung mithilfe von Tabellen sorgt für deren reichliche Verwendung, auch wenn dies nicht ihrer Idee entspricht: Tabellen sollten verwendet werden, wenn zwischen Tabellenzellen…“

Neue Seite

<center>
[[Hilfe:Handbuch|Handbuch]]  →   [[Hilfe:Handbuch#Problemlösungen|Problemlösungen]]
</center>
----

'''Tabellen''' sind ein gutes Mittel, um gleichartige Informationen übersichtlich zu gestalten.

Auch die gute Beeinflussung der graphischen Gestaltung mithilfe von Tabellen sorgt für deren reichliche Verwendung, auch wenn dies nicht ihrer Idee entspricht: Tabellen sollten verwendet werden, wenn zwischen Tabellenzellen und ihren Zeilen und Spalten semantische Beziehungen bestehen. Sie dienen beispielsweise dann ihrem Zweck, wenn die Informationen in gewisser Weise sortiert werden können, zum Beispiel nach Jahreszahlen oder mit alphabetischer Anordnung.

Andererseits sind Tabellen komplizierter zu überarbeiten als normaler Text. Deshalb sollten sie nur in Fällen eingesetzt werden,
# wo mit ihrer Hilfe tatsächlich eine bessere Übersicht erzielt wird,
# in denen die Sortierung klar ist oder
# die sowieso nur von Administratoren gewartet werden (sollen) (wie etwa die Fußzeile im Handbuch).

__TOC__

==Kleine Tabelle==
<center>
{|border="1"
|+Eine Beispieltabelle
|-
!Erste Überschrift
!Zweite Überschrift
!Dritte Überschrift
|-
|oben links
|oben mitte
|rowspan=2 | rechte Seite
|-
|unten links
|unten mitte
|-
|colspan="3" align="center" | letzte Zeile
|-
|}
</center>
<pre>
{|border="1"
|+Eine Beispieltabelle
|-
!Erste Überschrift
!Zweite Überschrift
!Dritte Überschrift
|-
|oben links
|oben mitte
|rowspan=2 | rechte Seite
|-
|unten links
|unten mitte
|-
|colspan="3" align="center" | letzte Zeile
|-
|}
</pre>

Es folgt ein komplizierteres Beispiel, das einige Möglichkeiten zeigt, was man mit Tabellen alles machen kann. Spiel einfach mal damit herum (nicht auf dieser Seite!), um herauszufinden, was die Optionen bedeuten. Obwohl Farben möglich sind, sollte man sie nur sparsam verwenden.

Den Text in den Tabellen kannst du formatieren wie oben angegeben.

{|cellpadding="5" cellspacing="0" align="center" border="1"
|+'''Eine Beispieltabelle'''
!style="background:#efefef;" | Erste Überschrift
!colspan="2" style="background:#ffdead;" | Zweite Überschrift
|-
|oben links
|oben Mitte
|rowspan="2" style="border-bottom:3px solid grey;" | rechte Seite
|-
|style="border-bottom:3px solid grey;" | darunter links
|style="border-bottom:3px solid grey;" | darunter mitte
|-
|colspan="3" align="center" |
{|
|+''Eine Tabelle in einer Tabelle''
|align="center" width="150px" | [[Datei:Wikipedia-logo.png]]
|align="center" width="150px" | [[Datei:Wikipedia-logo.png]]
|-
|align="center" colspan="2" style="border-top:1px solid red; border-right:1px solid red; border-bottom:1px solid red; border-left:1px solid red;" | Zwei Wikipedia-Logos
|}
|}

<pre>
{|cellpadding="5" cellspacing="0" align="center" border="1"
|+'''Eine Beispieltabelle'''
!style="background:#efefef;" | Erste Überschrift
!colspan="2" style="background:#ffdead;" | Zweite Überschrift
|-
|oben links
|oben Mitte
|rowspan="2" style="border-bottom:3px solid grey;" | rechte Seite
|-
|style="border-bottom:3px solid grey;" | darunter links
|style="border-bottom:3px solid grey;" | darunter mitte
|-
|colspan="3" align="center" |
{|
|+''Eine Tabelle in einer Tabelle''
|align="center" width="150px" | [[Datei:wiki.png]]
|align="center" width="150px" | [[Datei:wiki.png]]
|-
|align="center" colspan="2" style="border-top:1px solid red; border-right:1px solid red; border-bottom:1px solid red; border-left:1px solid red;" | Zwei Wikipedia-Logos
|}
|}
</pre>

{|border="1" cellpadding="5" cellspacing="0" align="right" style="margin-left:0.5em;"
!Erste Überschrift
!Zweite Überschrift
|-
|oben links
|oben rechts
|-
|unten links
|unten rechts
|}

Oft finden sich Tabellen, so wie hier, am Rand eines Artikels (''align="right"''). In diesem Falle sollte man zusätzlich ''style="margin-left:0.5em;"'' mit angeben, damit zwischen Text und Tabelle etwas Abstand (in diesem Fall "0.5em", d. h. die halbe Breite des Buchstaben "m") gelassen wird.

 
<pre>
{|border="1" cellpadding="5" cellspacing="0" align="right" style="margin-left:0.5em;"
!Erste Überschrift
!Zweite Überschrift
|-
|oben links
|oben rechts
|-
|unten links
|unten rechts
|}
</pre>

===Zusammenfassung von Zeilen===

{|cellpadding="3" cellspacing="1" align="left" border="0" style="background:#FFDEAD;" width="60%"
! width="20%" | Zugehörigkeit
! width="30%" | Beschreibungen
! width="10%" | Quellen
|--- style="background:#FFF"
| rowspan="2" |Text, den man einfügen könnte
|Unterbegriff oben
|Quelle:XY0001
|--- style="background:#FFF"
|Unterbegriff unten
|Quelle:XYZ0001
|--- style="background:#FFF"
|anderer Begriff
|seine Beschreibung
|seine Quelle
|}

 

<pre>
{|cellpadding="3" cellspacing="1" align="left" border="0" style="background:#FFDEAD;" width="60%"
! width="20%" | Zugehörigkeit
! width="30%" | Beschreibungen
! width="10%" | Quellen
|--- style="background:#FFF"
| rowspan="2" |Text, den man einfügen könnte
|Unterbegriff oben
|Quelle:XY0001
|--- style="background:#FFF"
|Unterbegriff unten
|Quelle:XYZ0001
|--- style="background:#FFF"
|anderer Begriff
|seine Beschreibung
|seine Quelle
|}
</pre>

==Weblinks==

Eine englischsprachige Anleitung zum Erstellen von Tabellen findet sich unter
[https://www.mediawiki.org/wiki/Help:Tables www.mediawiki.org].

Details zum Thema Tabellenlayout und CSS würden den Umfang dieser Seite sprengen. Es sei an dieser Stelle auf die [https://wiki.selfhtml.org/wiki/HTML/Tabellen Tabellensektion des SelfHTML-Wikis] verwiesen.

----
<center>
[[Hilfe:Handbuch|Handbuch]]  →   [[Hilfe:Handbuch#Problemlösungen|Problemlösungen]]
</center>
----
[[Kategorie:Hilfeseiten|Tabellen]]
{{DISPLAYTITLE:{{PAGENAME}}}}

Hilfe:Tabellen - Versionsgeschichte