Stephan: hat Tabellentutorial nach Hilfe:Tabellenformatierung verschoben

2009-07-25T12:01:02Z

hat Tabellentutorial nach Hilfe:Tabellenformatierung verschoben

Stephan am 30. Juni 2009 um 11:44 Uhr

2009-06-30T11:44:13Z

Stephan: /* Links */

2009-06-30T11:01:29Z

‎Links

Stephan am 28. Juni 2009 um 15:29 Uhr

2009-06-28T15:29:38Z

Neue Seite

==Grundlagen==
Tabellen sind einfach zu erstellen, damit sie jedoch nach etwas aussehen muss man einige Befehle kennen.

Jede Tabelle beginnt mit '''<nowiki>{|</nowiki>''' und endet mit '''<nowiki>|}</nowiki>'''.
Dazwischen wird jede neue Zelle einer Zeile mit dem pipe-Symbol '''|''' begonnen, eine neue Zeile beginnt mit '''<nowiki>|-</nowiki>'''.

Ganz einfaches Beispiel:
<pre><nowiki>
{|
|Zelle 1
|Zelle 2
|-
|Zelle 3
|Zelle 4
|}
</nowiki></pre>

ergibt

{|
|Zelle 1
|Zelle 2
|-
|Zelle 3
|Zelle 4
|}

Um Platz zu sparen kann man neue Spalten nach der ersten auch mit '''||''' beginnen:

<pre><nowiki>
{|
|Zelle 1 ||Zelle 2
|-
|Zelle 3 ||Zelle 4
|}
</nowiki></pre>

ergibt

{|
|Zelle 1
|Zelle 2
|-
|Zelle 3
|Zelle 4
|}

==Komplexere Tabellen==
Viele Formatierungsbefehle für Tabellen werden in der ersten Zeile des Tabellencodes eingegeben, es wird deswegen im Folgenden nicht extra darauf hingewiesen.

===Rahmen===
Der Befehl '''border="x"''' erzeugt einen einfachen Rahmen um die Tabelle, mit der Stärke von x.

<pre><nowiki>
{| border="1"
|Zelle 1
|Zelle 2
|-
|Zelle 3
|Zelle 4
|}
</nowiki></pre>

{| border="1"
|Zelle 1
|Zelle 2
|-
|Zelle 3
|Zelle 4
|}

===Titelzeile===
Wenn man Zellen hervorheben will ist dies einfach möglich, indem man statt dem pipe-Symbol das Ausrufezeichen '''!''' benutzt um die Zelle zu beginnen. Der hervorgehobene Text wird dabei automatisch fett und zentriert.

<pre><nowiki>
{| border="1"
!Zelle 1 - hier steht mehr drin
!Zelle 2
|-
|Zelle 3
|Zelle 4 - hier steht mehr drin
|}
</nowiki></pre>

{| border="1"
!Zelle 1 - hier steht mehr drin
!Zelle 2
|-
|Zelle 3
|Zelle 4 - hier steht mehr drin
|}

Platzsparend:

<pre><nowiki>
{| border="1"
!Zelle 1 - hier steht mehr drin !!Zelle 2
|-
|Zelle 3 ||Zelle 4 - hier steht mehr drin
|}
</nowiki></pre>

{| border="1"
!Zelle 1 - hier steht mehr drin !!Zelle 2
|-
|Zelle 3 ||Zelle 4 - hier steht mehr drin
|}

===Zellen verbinden===
Es ist möglich, mehrere Zellen zu einer einzigen zu verbinden. Dies geschieht mit dem Befehl '''colspan="x"''' für horizontales Zellenverbinden bzw. '''rowspan="x"''' für vertikales Zellenverbinden. Das x steht für die Anzahl der Zellen, die verbunden werden sollen.

Die Befehle werden direkt vor der Zelle eingebaut, nach folgendem Muster:

| Zellenattribute | Zelleninhalt

Beispiele:
<pre><nowiki>
{| border="1"
!Zelle 1
!Zelle 2
|-
|colspan="2"|Zelle 3
|-
|Zelle 5
|Zelle 6
|}
</nowiki></pre>

{| border="1"
!Zelle 1
!Zelle 2
|-
|colspan="2"|Zelle 3
|-
|Zelle 5
|Zelle 6
|}

<pre><nowiki>
{| border="1"
!Zelle 1
!Zelle 2
|-
|rowspan="2"|Zelle 3
|Zelle 4
|-
|Zelle 5
|}
</nowiki></pre>

{| border="1"
!Zelle 1
!Zelle 2
|-
|rowspan="2"|Zelle 3
|Zelle 4
|-
|Zelle 5
|}

Es ist möglich beide Befehle zu kombinieren:

<pre><nowiki>
{| border="1"
!Zelle 1
!Zelle 2
!Zelle 3
|-
|rowspan="2" colspan="2"|Zelle 4
|Zelle 5
|-
|Zelle 6
|-
|Zelle 7
|Zelle 8
|Zelle 9
|}
</nowiki></pre>

{| border="1"
!Zelle 1
!Zelle 2
!Zelle 3
|-
|rowspan="2" colspan="2"|Zelle 4
|Zelle 5
|-
|Zelle 6
|-
|Zelle 7
|Zelle 8
|Zelle 9
|}

===Verschachtelte Tabellen===
Es ist möglich mehrere Tabellen ineinander zu verschachteln.

<pre><nowiki>
{| border="1"
!Zelle 1
!Zelle 2
!Zelle 3
|-
| Zelle 4
|
{| border="2"
| Zelle A
|-
| Zelle B
|}
| Zelle 6
|}
</nowiki></pre>

{| border="1"
!Zelle 1
!Zelle 2
!Zelle 3
|-
| Zelle 4
|
{| border="2"
| Zelle A
|-
| Zelle B
|}
| Zelle 6
|}

===Tabellenbreite und Spaltenbreiten===
Normalerweise wird die Tabelle nur so breit dargestellt wie es nötig ist um den Inhalt vollständig zu umfassen. Mit dem Befehl '''width="x"''' kann man das ändern. x kann dabei sowohl eine Prozentzahl (der jeweiligen Bildschirmbreite) oder eine feste Zahl (pixel) sein.

<pre><nowiki>
{| border="1" width="100%"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
</nowiki></pre>

{| border="1" width="100%"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}

<pre><nowiki>
{| border="1" width="1000"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
</nowiki></pre>

{| border="1" width="1000"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}

Um nur die Breite einer Spalte zu ändern benutzt man den gleichen Befehl, nur als Zellenattribut einer beliebigen Zelle der entsprechenden Spalte geschrieben. Dabei ist es sinnvoll, der Tabellenbreite ebenfalls einen Wert zuzuweisen. Weist man der Tabelle etwa eine Breite von 50% zu und der ersten Spalte eine Breite von 75%, besitzt die Spalte effektiv eine Breite von 3/8 der Bildschirmbreite.

<pre><nowiki>
{| border="1" width="50%"
!width=75% |Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
</nowiki></pre>

{| border="1" width="50%"
!width=75% |Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}

===Ausrichtung des Tabelleninhaltes===
Mittels der Befehle '''valign="x"''' und '''align="x"''' kann man den Inhalt der Zellen nach Belieben ausrichten.
'''align''' steht dabei für die horizontale Ausrichtung, demensprechend kann x '''left''', '''center''' oder '''right''' sein.<br/>
'''valign''' steht dagegen für die vertikale Ausrichtung, demensprechend kann x '''top''', '''center''' oder '''bottom''' sein.<br/>
Wird einer der beiden Befehle direkt nach dem Beginn einer neuen Zeile '''|-''' gegeben, gilt er für die ganze Zeile. Wird der Befehl hingegen als Zellattribut gegeben gilt er auch nur für eine Zelle.

<pre><nowiki>
{| border="1"
|leere Zelle
! Überschrift 1
! Überschrift 2
! Überschrift 3
|- valign="top"
! height="38" | Oben
| align="left" | Zelle 1
| align="center" | Zelle 2
| align="right" | Zelle 3
|- valign="middle"
! height="38" | Mitte
| align="center" | Zelle 4
| align="right" | Zelle 5
| align="left" | Zelle 6
|- valign="bottom"
! height="38" | Unten
| align="right" | Zelle 7
| align="left" | Zelle 8
| align="center" | Zelle 9
|}
</nowiki></pre>

{| border="1"
|leere Zelle
! Überschrift 1
! Überschrift 2
! Überschrift 3
|- valign="top"
! height="38" | Oben
| align="left" | Zelle 1
| align="center" | Zelle 2
| align="right" | Zelle 3
|- valign="middle"
! height="38" | Mitte
| align="center" | Zelle 4
| align="right" | Zelle 5
| align="left" | Zelle 6
|- valign="bottom"
! height="38" | Unten
| align="right" | Zelle 7
| align="left" | Zelle 8
| align="center" | Zelle 9
|}

===Ausrichtung der Tabelle===
Ebenfalls ist es möglich die gesamte Tabelle anzuordnen, mittels des Befehls '''align="x"'''. Mögliche Parameter sind dabei left, center und right.

<pre><nowiki>
{| border="1" align="right"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
{| border="1" align="center"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
</nowiki></pre>

{| border="1" align="right"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
{| border="1" align="center"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}

===Hintergrundfarben===
Es ist möglich einzelnen Zellen oder auch die ganze Tabelle mit einer Hintergrundfarbe auszustatten. Der entsprechende Befehl ist '''style="background:x;"''', wobei x eine Kombination aus Zahlen und Buchstaben ist, die eine bestimmte Farbe kodiert. Eine Liste findet sich unter [[Wikipedia:de:Webfarben|Webfarben]].

<pre><nowiki>
{| border="1" style="background:#FFF7A5;"
!Zelle 1
!Zelle 2
|-
| style="background:#87CEEB;" | Zelle 3
|Zelle 4
|- style="background:#FF0000;" |
|Zelle 5
|Zelle 6
|}
</nowiki></pre>

{| border="1" style="background:#FFF7A5;"
!Zelle 1
!Zelle 2
|-
| style="background:#87CEEB;" | Zelle 3
|Zelle 4
|- style="background:#FF0000;" |
|Zelle 5
|Zelle 6
|}

Hintergrundfarben für einzelne Zellen kann man auch durch '''"bgcolor=x"''' wählen.

<pre><nowiki>
{| border="1"
!Zelle 1
!Zelle 2
|-
| bgcolor="#87CEEB" | Zelle 3
|Zelle 4
|}
</nowiki></pre>

{| border="1"
!Zelle 1
!Zelle 2
|-
| bgcolor="#87CEEB" | Zelle 3
|Zelle 4
|}

===Zellenabstände und Abstand zum Rahmen===
Man kann den Abstand zwischen den Zellen und auch den Abstand der Zellen zum Rahmen der Zelle verändern. Die entsprechenden Befehle sind '''cellspacing="x"''' für Abstände zwischen den Zellen und '''cellpadding="x"''' für den Abstand zum Rahmen der Zellen. x ist dabei eine Zahl.

<pre><nowiki>
{| border="1" cellspacing="10" cellpadding="0"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
</nowiki></pre>

{| border="1" cellspacing="10" cellpadding="0"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}

<pre><nowiki>
{| border="1" cellspacing="0" cellpadding="10"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
</nowiki></pre>

{| border="1" cellspacing="0" cellpadding="10"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}

<pre><nowiki>
{| border="1" cellspacing="10" cellpadding="10"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
</nowiki></pre>

{| border="1" cellspacing="10" cellpadding="10"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}

Mittels des Befehls '''style="border-collapse:collapse;"''' ist es außerdem möglich, den Rahmen der Tabelle und die Rahmen der Zellen zu verschmelzen.

<pre><nowiki>
{| border="1" cellpadding="10" style="border-collapse:collapse;"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
</nowiki></pre>

{| border="1" cellpadding="10" style="border-collapse:collapse;"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}

==Häufig im Wiki benutzte Tabellenarten==
Folgende vordefinierte Tabellenarten werden im Wiki verwendet (die Definitionen sind nachzulesen in [[MediaWiki:Common.css]] und [[MediaWiki:Monobook.css]]):
<pre>
{| class="wikitable"
|- style=background-color:#{{Standard-Vordergrund}}
! Überschrift 1 !! Überschrift 2 !! Überschrift 3
|-
| Objekt 1 || Nummer 2 || Zahl 3
|-
| Objekt 2 || Nummer 3 || Zahl 1
|-
| Objekt 3 || Nummer 1 || Zahl 2
|}
</pre>
{| class="wikitable"
|- style=background-color:#{{Standard-Vordergrund}}
! Überschrift 1 !! Überschrift 2 !! Überschrift 3
|-
| Objekt 1 || Nummer 2 || Zahl 3
|-
| Objekt 2 || Nummer 3 || Zahl 1
|-
| Objekt 3 || Nummer 1 || Zahl 2
|}
<pre>
{| class="wikitable sortable"
|- style=background-color:#{{Standard-Vordergrund}}
! Überschrift 1 !! Überschrift 2 !! Überschrift 3
|-
| Objekt 1 || Nummer 2 || Zahl 3
|-
| Objekt 2 || Nummer 3 || Zahl 1
|-
| Objekt 3 || Nummer 1 || Zahl 2
|}
</pre>
{| class="wikitable sortable"
|- style=background-color:#{{Standard-Vordergrund}}
! Überschrift 1 !! Überschrift 2 !! Überschrift 3
|-
| Objekt 1 || Nummer 2 || Zahl 3
|-
| Objekt 2 || Nummer 3 || Zahl 1
|-
| Objekt 3 || Nummer 1 || Zahl 2
|}

Weitere Beispiele für Tabellenstyles auf [[Hilfe:Tabellenformatierung/Beispiele]].

==Links==
*[[Wikipedia:de:Hilfe:Tabellen|Hilfe:Tabellen]]
*[http://meta.wikimedia.org/wiki/Help:Table Help:Table] - Hilfeartikel im Metawiki (englisch)

[[Kategorie:Hilfe]]

← Nächstältere Version	Version vom 25. Juli 2009, 12:01 Uhr
(kein Unterschied)

@@ Zeile 376: / Zeile 376: @@
 ===Hintergrundfarben===
-Es ist möglich einzelnen Zellen oder auch die ganze Tabelle mit einer Hintergrundfarbe auszustatten. Der entsprechende Befehl ist '''style="background:x;"''', wobei x eine Kombination aus Zahlen und Buchstaben ist, die eine bestimmte Farbe kodiert. Eine Liste findet sich unter [[Wikipedia:de:Webfarben|Webfarben]].
+Es ist möglich einzelnen Zellen oder auch die ganze Tabelle mit einer Hintergrundfarbe auszustatten. Der entsprechende Befehl ist '''style="background:x;"''', wobei x eine Kombination aus Zahlen und Buchstaben ist, die eine bestimmte Farbe kodiert. Eine Liste findet sich unter [[:de:Webfarben|Webfarben]].
 <pre><nowiki>

@@ Zeile 551: / Zeile 551: @@
 ==Links==
 *[http://meta.wikimedia.org/wiki/Help:Table Help:Table] - Hilfeartikel im Metawiki (englisch)
 [[Kategorie:Hilfe]]

Hilfe:Tabellenformatierung - Versionsgeschichte

Stephan: hat Tabellentutorial nach Hilfe:Tabellenformatierung verschoben

Stephan am 30. Juni 2009 um 11:44 Uhr

Stephan: /* Links */

Stephan am 28. Juni 2009 um 15:29 Uhr