Quelltext der Seite Hilfe:Tabellen

{{Shortcut|[[ZW:TAB]]}}
{{Wiki-Syntax}}
Die [[MediaWiki]]-Software bietet eine eigene Syntax, um '''Tabellen''' darzustellen. Diese Syntax ist zwar an das verbreitete [[Hypertext Markup Language|HTML]] angelehnt, erleichtert jedoch durch eine vereinfachte Schreibweise die Arbeit an komplizierteren Tabellen wesentlich. Diese Seite bietet eine Übersicht, wie du Tabellen erstellst. 

Der '''Quellcode''' zu den typischen '''Beispielen''' kann kopiert und dann leicht verändert werden. Die '''Erläuterungen''' machen deutlich, worauf besonders zu achten ist.

'''Hintergrundwissen''' steht auf der Seite '''[[Hilfe:Tabellen/mehr]]''' und eine ausführlichere Übersicht findet sich auf '''[[Hilfe:Tabellen-Referenz]]'''.

== Einfache Tabelle ==

=== Einfache Tabelle - Beispiel ===

Eine einfache Beispieltabelle aus dem Artikel [[Diagnose- und Vergleichsarbeiten#Baden-Württemberg|Diagnose- und Vergleichsarbeiten]]:

{| class="wikitable"
!Schulart
!Klassenstufe
!Fächer
|-
|Grundschule
|Klasse 2
|Deutsch, Mathematik
|-
|Hauptschule
|Klasse 6
|Deutsch, Mathematik, Englisch
|-
|Realschule
|Klasse 6 und 8
|Deutsch, Mathematik, EWG oder Geschichte
|-
|Gymnasium
|Klasse 6
|Deutsch, Mathematik, GWG oder Biologie
|-
|
|Klasse 8
|Deutsch, Mathematik, Geschichte oder Physik
|}

=== Einfache Tabelle - Quellcode ===

Die obige Tabelle wird durch den folgenden Quelltext erzeugt:
<pre>
{| class="wikitable"
!Schulart
!Klassenstufe
!Fächer
|-
|Grundschule
|Klasse 2
|Deutsch, Mathematik
|-
|Hauptschule
|Klasse 6
|Deutsch, Mathematik, Englisch
|-
|Realschule
|Klasse 6 und 8
|Deutsch, Mathematik, EWG oder Geschichte
|-
|Gymnasium
|Klasse 6
|Deutsch, Mathematik, GWG oder Biologie
|-
|
|Klasse 8
|Deutsch, Mathematik, Geschichte oder Physik
|}
</pre>

=== Einfache Tabelle - Erläuterungen ===

* Die Zeichen <tt>{|</tt> beginnen eine Tabelle, während <tt>|}</tt> sie abschließen. Beide Tags müssen an einem Zeilenanfang stehen.
* Das Attribut <tt>class="wikitable"</tt> veranlasst, dass die ganze Tabelle nach den Vorgaben der Klasse <tt>wikitable</tt> formatiert wird. Diese sieht unter anderem Trennlinien zwischen den Zellen sowie zusätzlichen Platz zwischen Zelleninhalt und Zellenrand (das sogenannte ''cellpadding'') vor.
* Zeilen, die mit einem Ausrufezeichen (<tt>!</tt>) beginnen, definieren Kopfzeilen von Tabellen. Der Text in einer Zelle einer solchen Zeile wird zentriert und fettgedruckt. Gewöhnliche Tabellenzeilen beginnen dagegen mit einem senkrechten Trennstrich (<tt>|</tt>).
* Das Tag <tt>|-</tt> beginnt eine neue Tabellenzeile, falls es im Quelltext an einem Zeilenanfang steht.
* Die Zeichen <tt>||</tt> trennen nebeneinanderliegende Tabellenzellen.
* Die Zeichenfolge <tt>&amp;nbsp;</tt> anstatt eines Leerzeichens verhindert einen Zeilenumbruch zwischen den beiden Wörtern, die das Leerzeichen trennt.
<!--* Die Jahreszahlen werden durch <tt>&lt;tt></tt> mit fester Zeichenbreite dargestellt, um sicherzugehen, dass sie am Bindestrich ausgerichtet werden.-->

== Einfache Tabelle mit Aufzählungen ==

=== Einfache Tabelle mit Aufzählungen - Beispiel ===

Beispiel aus der Seite [[Portfolio im Mathematikunterricht]]

{| class="wikitable"
!Leitfragen aus der Lehrerperspektive
!Themen für die Schüler
|-
|Was?
|
* Vierecke und ihre Eigenschaften. 
* Worum geht es? 
* Für wen wichtig?
|-
|Warum das?
|
*Wer hat das erfunden?
*Wo kommt das vor?
*Wer braucht das?
*Was bringt mir das für neue Probleme?
*Was hilft es, wenn ich das kann?
|-
|Wie?
|
* Wie sind wir im Unterricht vorgegangen? (Beschreibung des Vorgehens)
* Wiederholung der Einstiegsaufgabe
|-
|Warum so?
|
*Historische Begründung
|}

=== Einfache Tabelle mit Aufzählungen - Quellcode ===

<pre>
{| class="wikitable"
!Leitfragen aus der Lehrerperspektive
!Themen für die Schüler
|-
|Was?
|
* Vierecke und ihre Eigenschaften. 
* Worum geht es? 
* Für wen wichtig?
|-
|Warum das?
|
*Wer hat das erfunden?
*Wo kommt das vor?
*Wer braucht das?
*Was bringt mir das für neue Probleme?
*Was hilft es, wenn ich das kann?
|-
|Wie?
|
* Wie sind wir im Unterricht vorgegangen? (Beschreibung des Vorgehens)
* Wiederholung der Einstiegsaufgabe
|-
|Warum so?
|
*Historische Begründung
|}
</pre>

=== Einfache Tabelle mit Aufzählungen - Erläuterungen ===

* Damit der Aufzählungspunkt (erzeugt durch das Zeichen * am linken Seitenrand) immer richtig angezeigt wird, muss der erste Aufzählungspunkt auch am linken Seitenrand stehen, also unterhalb des senkrechten Striches, der den Beginn einer neuen Tabellenzelle markiert.

== Tabelle mit Überschriften oben und links ==

=== Tabelle mit Überschriften oben und links - Beispiel ===

Beispiel aus der Seite [[Abitur im Fach Deutsch]]

{| class="wikitable"
|
!Leistungskurs
!Grundkurs
|-
![[Dramatik]]
|
* [[Büchner]]: [[Woyzeck]] und [[Georg Büchner/Briefe|Briefe]]
* [[Goethe]]: [[Faust I]]
* [[Schiller]]: [[Don Karlos]]
|
* [[Büchner]]: [[Woyzeck]] und [[Georg Büchner/Briefe|Briefe]]
* [[Goethe]]: [[Faust I]]
* [[Schiller]]: [[Maria Stuart]]
|-
![[Epik]]
|
* [[Fontane]]: [[Irrungen, Wirrungen]]
* [[Kafka]]: [[Das Urteil]]
* Kafka: [[Die Verwandlung]]
* [[Wolf]]: [[Medea. Stimmen]]
|
* [[Christoph Hein|Hein]]: [[In seiner frühen Kindheit ein Garten]]
* [[Kafka]]: [[Das Urteil]]
|-
![[Lyrik]]
|
* [[Lyrik Brechts]]
* [[Lyrik der Romantik]]
|
* [[Lyrik Brechts]]
* [[Lyrik der Romantik]]
|}

=== Tabelle mit Überschriften oben und links - Quellcode ===

<pre>
{| class="wikitable"
|
!Leistungskurs
!Grundkurs
|-
![[Dramatik]]
|
* [[Büchner]]: [[Woyzeck]] und [[Georg Büchner/Briefe|Briefe]]
* [[Goethe]]: [[Faust I]]
* [[Schiller]]: [[Don Karlos]]
|
* [[Büchner]]: [[Woyzeck]] und [[Georg Büchner/Briefe|Briefe]]
* [[Goethe]]: [[Faust I]]
* [[Schiller]]: [[Maria Stuart]]
|-
![[Epik]]
|
* [[Fontane]]: [[Irrungen, Wirrungen]]
* [[Kafka]]: [[Das Urteil]]
* Kafka: [[Die Verwandlung]]
* [[Wolf]]: [[Medea. Stimmen]]
|
* [[Hein]]: [[In seiner frühen Kindheit ein Garten]]
* [[Kafka]]: [[Das Urteil]]
|-
![[Lyrik]]
|
* [[Lyrik Brechts]]
* [[Lyrik der Romantik]]
|
* [[Lyrik Brechts]]
* [[Lyrik der Romantik]]
|}
</pre>

=== Tabelle mit Überschriften oben und links - Erläuterungen ===

* Wichtig ist es, jeweils für eine einzelne Tabellenzelle durch ein ! anzugeben, ob diese als "Überschrift" gekennzeichnet sein soll. Deshalb muss jede Zelle links am Seitenrand beginnend dargestellt werden - durch: | oder !

=== Tabelle mit Überschriften oben und links - mehr Beispiele ===

* [[Klima-_und_Vegetationszonen#Zusammenhang_von_Klima-_und_Vegetationsmerkmalen_am_Beispiel_Asiens]]

== Sortierbare Tabelle ==

=== Sortierbare Tabelle - Beispiel ===

Beispiel aus der Seite [[Video#Grundlagen der Videotechnik|Video]]

{| class="wikitable sortable"
|-
!Land
!Video-System
!Bildübertragungsrate
!Probleme
|-
|USA ||NTSC ||30 fps ||Übertragungsfehler bei Hauttönen
|-
|Europa ||PAL ||25 fps ||-
|-
|Frankreich ||SECAM ||- ||-
|}

=== Sortierbare Tabelle - Quellcode ===

<pre>
{| class="wikitable sortable"
|-
!Land
!Video-System
!Bildübertragungsrate
!Probleme
|-
|USA ||NTSC ||30 fps ||Übertragungsfehler bei Hauttönen
|-
|Europa ||PAL ||25 fps ||-
|-
|Frankreich ||SECAM ||- ||-
|}
</pre>

=== Sortierbare Tabelle - Erläuterungen ===

* Sortierbare Tabellen werden erzeugt mit der Angabe von <tt>class="wikitable sortable"</tt> in der ersten Zeile des Quellcodes.



== Tabelle mit Überschrift ==

=== Tabelle mit Überschrift - Beispiel ===

{| class="wikitable"
|+ Überschrift
|-
! Spalte 1 || Spalte 2 || Spalte 3
|-
| Zeile 1, Zelle 1 || Zeile 1, Zelle 2 || Zeile 1, Zelle 3
|-
| Zeile 2, Zelle 1 || Zeile 2, Zelle 2 || Zeile 2, Zelle 3
|-
| Zeile 3, Zelle 1 || Zeile 3, Zelle 2 || Zeile 3, Zelle 3
|}

=== Tabelle mit Überschrift - Quellcode ===

<pre>
{| class="wikitable"
|+ Überschrift
|-
! Spalte 1 || Spalte 2 || Spalte 3
|-
| Zeile 1, Zelle 1 || Zeile 1, Zelle 2 || Zeile 1, Zelle 3
|-
| Zeile 2, Zelle 1 || Zeile 2, Zelle 2 || Zeile 2, Zelle 3
|-
| Zeile 3, Zelle 1 || Zeile 3, Zelle 2 || Zeile 3, Zelle 3
|}
</pre>

== Tabelle mit zeilenübergreifender Zelle ==

=== Tabelle mit zeilenübergreifender Zelle - Beispiel ===

{| class="wikitable"
! Spalte 1 || Spalte 2 || Spalte 3
|-
| Zeile 1, Zelle 1 || Zeile 1, Zelle 2 || Zeile 1, Zelle 3
|-
| Zeile 2, Zelle 1 || Zeile 2, Zelle 2 || Zeile 2, Zelle 3
|-
| colspan="3" | Zusammenfassung
|}

=== Tabelle mit zeilenübergreifender Zelle - Quellcode ===

<pre>
{| class="wikitable"
! Spalte 1 || Spalte 2 || Spalte 3
|-
| Zeile 1, Zelle 1 || Zeile 1, Zelle 2 || Zeile 1, Zelle 3
|-
| Zeile 2, Zelle 1 || Zeile 2, Zelle 2 || Zeile 2, Zelle 3
|-
| colspan="3" | Zusammenfassung
|}
</pre>

=== Tabelle mit zeilenübergreifender Zelle - Erläuterungen ===

* <tt>colspan="3"</tt> gibt an, wie viele Spalten (colums) in einer Zelle zusammengefasst werden sollen, hier also 3.
* Der erste senkrechte Strich | am linken Seitenrand markiert den Beginn der Zelle. Zwischen diesem und dem zweiten senkrechten Strich | steht die Formatierungsanweisung, hier: <tt>colspan="3"</tt>

== Tabellenausrichtung ==


=== <tt>class="wikitable float-right"</tt> ===

'''Bedeutet:'''
<code>border="1" cellspacing="0" cellpadding="4" rules="all" class="hintergrundfarbe1 rahmenfarbe1" style="float:right; clear:right; margin:1em 0 1em 1em; border-style: solid; border-width: 1px; border-collapse:collapse; empty-cells:show;"</code>


Textumlauf links. Aussehen:

{| class="wikitable float-right"
|+ Tabellentitel
! Titel 1
! Titel 2
!
|-
| Zelle A1
| Zelle B1
| Zelle C1
|-
| Zelle A2
|
| Zelle C2
|-
| Zelle A3
| Zelle B3
| Zelle C3
|}

''Ach, was muß man oft von bösen Kindern hören oder lesen!'' &nbsp;
''Wie zum Beispiel hier von diesen, Welche Max und Moritz hießen;'' &nbsp;
''Die, anstatt durch weise Lehren Sich zum Guten zu bekehren,'' &nbsp;
''Oftmals noch darüber lachten Und sich heimlich lustig machten.'' &nbsp;
''Ja, zur Übeltätigkeit, Ja, dazu ist man bereit!'' &nbsp;
''(Wilhelm Busch)''


Achtung: Fließtext, der neben der Tabelle stehen soll, muss im Quelltext unter den Tabellen-Quelltext geschrieben werden.<br style="clear:both"/>
Soll der Text jedoch unterhalb der Tabelle stehen, muss zunächst die Zeichenfolge <tt><nowiki><br style="clear:both"/></nowiki></tt> eingefügt werden.

=== <tt>class="wikitable float-left"</tt> ===

'''Bedeutet:'''
<code>border="1" cellspacing="0" cellpadding="4" rules="all" class="hintergrundfarbe1 rahmenfarbe1" style="float:left; clear:left; margin:1em 1em 1em 0em; border-style:solid; border-width:1px; border-collapse:collapse; empty-cells:show;"</code>


Textumlauf rechts. Aussehen:

{| class="wikitable float-left"
|+ Tabellentitel
! Titel 1
! Titel 2
!
|-
| Zelle A1
| Zelle B1
| Zelle C1
|-
| Zelle A2
|
| Zelle C2
|-
| Zelle A3
| Zelle B3
| Zelle C3
|}

''Ach, was muß man oft von bösen Kindern hören oder lesen!'' &nbsp;
''Wie zum Beispiel hier von diesen, Welche Max und Moritz hießen;'' &nbsp;
''Die, anstatt durch weise Lehren Sich zum Guten zu bekehren,'' &nbsp;
''Oftmals noch darüber lachten Und sich heimlich lustig machten.'' &nbsp;
''Ja, zur Übeltätigkeit, Ja, dazu ist man bereit!'' &nbsp;
''(Wilhelm Busch)''


Fließtext, der neben der Tabelle stehen soll, muss im Quelltext unter den Tabellen-Quelltext geschrieben werden.<br style="clear:both;" />
Soll der Text jedoch unterhalb der Tabelle stehen, muss zunächst die Zeichenfolge <tt><nowiki><br style="clear:both"/></nowiki></tt> eingefügt werden.

=== <tt>class="wikitable centered"</tt> ===
 Funktioniert im ZUM-Wiki derzeit nicht!
Kein Textumlauf. Aussehen:

''Ach, was muß man oft von bösen Kindern hören oder lesen! Wie zum Beispiel hier von diesen, Welche Max und Moritz hießen; Die, anstatt durch weise Lehren Sich zum Guten zu bekehren,''

{| class="wikitable centered"
|+ Tabellentitel
! Titel 1
! Titel 2
!
|-
| Zelle A1
| Zelle B1
| Zelle C1
|-
| Zelle A2
| Zelle B2
| Zelle C2
|-
| Zelle A3
| Zelle B3
| Zelle C3
|}

''Oftmals noch darüber lachten Und sich heimlich lustig machten. Ja, zur Übeltätigkeit, Ja, dazu ist man bereit! (Wilhelm Busch)''

== ... mehr ==

{{Siehe|Hilfe:Tabellen/mehr}}

== Siehe auch ==

* [[Hilfe:Tabellen-Referenz]]

[[Kategorie:Hilfe|Tabellen]]