Hilfe:Tabellen erstellen: Unterschied zwischen den Versionen

K (Kategorie bearbeitet)
K (kleine inhaltliche Korrekturen)
 
Zeile 15: Zeile 15:
 
== Erste Informationen ==
 
== Erste Informationen ==
  
−
Jede Zeile einer Tabelle beginnt mit einem senkrechten Strich '''<nowiki>|</nowiki>'''.  
+
Jede Spalte beginnt mit einem senkrechten Strich '''<nowiki>|</nowiki>'''.
  
 
'''Quelltext'''  
 
'''Quelltext'''  
Zeile 30: Zeile 30:
 
|}
 
|}
  
−
== Spalten ==
+
== Zeilen und Spalten ==
  
−
Um mehrere Zeilen und Spalten anzulegen, ist die Eingabe eines senkrechtes Striches sowie eines Bindestreiches '''<nowiki>|-</nowiki>''' notwendig.
+
Um mehrere Zeilen anzulegen, ist die Eingabe eines senkrechtes Striches sowie eines Bindestriches '''<nowiki>|-</nowiki>''' notwendig.
  
 
'''Quelltext'''  
 
'''Quelltext'''  
Zeile 80: Zeile 80:
 
== Spalten effizient erstellen ==
 
== Spalten effizient erstellen ==
  
−
Einzelne Zellen können auch durch die doppelte Verwendung des senkrechten Striches '''<nowiki>||</nowiki>''' erstellt werden.  
+
Einzelne Zellen können auch durch die doppelte Verwendung des senkrechten Striches '''<nowiki>||</nowiki>''' erstellt werden um den Quelltext übersichtlicher zu halten.  
  
 
'''Quelltext'''  
 
'''Quelltext'''  
Zeile 120: Zeile 120:
 
== Spalten zusammenfassen (Colspan) ==
 
== Spalten zusammenfassen (Colspan) ==
  
−
Einzelne Spalten können zusammengefasst werden. Hierfür ist die Anweisung '''<nowiki>colspan="2"</nowiki>''' notwendig. Die Zahl in den Anführungszeichen definiert, über wieviele Spalten sich die aktuelle Zeile erstrecken soll.  
+
Einzelne Spalten können zusammengefasst werden. Hierfür ist die Anweisung '''<nowiki>colspan="2"</nowiki>''' notwendig. Die Zahl in den Anführungszeichen definiert, über wie viele Spalten sich die aktuelle Zeile erstrecken soll.  
  
 
'''Quelltext'''  
 
'''Quelltext'''  
Zeile 170: Zeile 170:
 
== Hintergrundfarben ==
 
== Hintergrundfarben ==
  
−
Spalten können eingefärbt werden. Die Anweisung lautet: '''<nowiki>style="background:blue"</nowiki>'''. Die Farbe ''"blue"'' ist nur beispielhaft ausgewählt. Hier können auch andere Farbwerte verwendet werden (z. B. die Hexadezimale-Farbtabelle).  
+
Spalten können eingefärbt werden. Die Anweisung lautet: '''<nowiki>style="background: #FFE699"</nowiki>'''. Die Farbe ''"#FFE699"'' ist nur beispielhaft ausgewählt. Hier können auch andere Farbwerte verwendet werden (siehe [[Hilfe:Farben#Tabelle Farbcodes|Hexadezimale-Farbtabelle]]).  
  
 
'''Quelltext'''  
 
'''Quelltext'''  
−
  <nowiki>{| border="1"</nowiki><br /><nowiki>! colspan="4" style="background:blue" | Überschrift </nowiki><br /><nowiki>|-</nowiki><br /><nowiki>| Test 1 || Test 2 || Test 3 || Test 4</nowiki><br /><nowiki>|-</nowiki><br /><nowiki>| colspan="2" | Test A || Test B || Test C</nowiki><br /><nowiki>|}</nowiki>
+
  <nowiki>{| border="1"</nowiki><br /><nowiki>! colspan="4" style="background: #FFE699" | Überschrift </nowiki><br /><nowiki>|-</nowiki><br /><nowiki>| Test 1 || Test 2 || Test 3 || Test 4</nowiki><br /><nowiki>|-</nowiki><br /><nowiki>| colspan="2" | Test A || Test B || Test C</nowiki><br /><nowiki>|}</nowiki>
  
 
'''Ausgabe'''
 
'''Ausgabe'''
 
{| border="1"
 
{| border="1"
−
! style="background:blue" colspan="4" | Überschrift
+
! style="background: #FFE699" colspan="4" | Überschrift
 
|-
 
|-
 
| Test 1 || Test 2 || Test3 || Test4
 
| Test 1 || Test 2 || Test3 || Test4
Zeile 200: Zeile 200:
 
'''Ausgabe'''
 
'''Ausgabe'''
 
{| border="1" width="70%"
 
{| border="1" width="70%"
−
! style="background:blue" colspan="4" | Überschrift
+
! style="background:#FFE699" colspan="4" | Überschrift
 
|-
 
|-
 
! Test 1 || Test 2
 
! Test 1 || Test 2
Zeile 218: Zeile 218:
 
'''Quelltext'''  
 
'''Quelltext'''  
 
  <nowiki>{| border="1" width="70%"
 
  <nowiki>{| border="1" width="70%"
−
! style="background:blue" colspan="4" | Überschrift
+
! style="background: #FFE699" colspan="4" | Überschrift
 
|-
 
|-
 
! align="right" | Spalte 1 || Spalte 2
 
! align="right" | Spalte 1 || Spalte 2
Zeile 232: Zeile 232:
  
 
{| border="1" width="70%"
 
{| border="1" width="70%"
−
! style="background:blue" colspan="4" | Überschrift
+
! style="background: #FFE699" colspan="4" | Überschrift
 
|-
 
|-
 
! align="right" | Spalte 1 || Spalte 2
 
! align="right" | Spalte 1 || Spalte 2

Aktuelle Version vom 18. Oktober 2007, 13:04 Uhr

Die Erstellung von einfachen Tabellen ist in wenigen Schritten möglich. Theoretisch kann auch HTML-Code verwendet werden. Um aber allen Schreibbegeisterten die Möglichkeit zu geben, Tabellen zu erstellen, wird im Wiki-System hierfür eine eigene Beschreibungssyntax verwendet.

Nachfolgend sollen anhand von Beispielen einige Möglichkeiten dargestellt werden.


Erste Schritte

Alle Tabellen beginnen mit einer geschweiften Klammer und einem senkrechten Strich (Pipe) {|. Hierdurch wird dem Wiki-System vermittelt, dass an dieser Stelle eine Tabelle entstehen soll.

Die Tabelle wird durch einen weiteren senkrechten Strich und im Anschluss hieran mit einer geschweiften Klammer (Pipe) |} abgeschlossen.

Anfang und Abschluss müssen am Anfang einer Zeile verwendet werden.


Erste Informationen

Jede Spalte beginnt mit einem senkrechten Strich |.

Quelltext 

{|
| Test 1
| Test 2 
|}

Ausgabe

Test 1 Test 2

Zeilen und Spalten

Um mehrere Zeilen anzulegen, ist die Eingabe eines senkrechtes Striches sowie eines Bindestriches |- notwendig.

Quelltext 

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

Ausgabe

Test 1 Test 2
Test 3 Test 4


Kopfzeilen

Um eine Zeile als Kopfzeile (Fettdruck) zu definieren, ist die Eingabe eines Ausrufezeichens ! - gefolgt vom Text - notwendig.

Quelltext 

{|
! Test 1
! Test 2 
|-
| Test 3
| Test 4 
|}

Ausgabe

Test 1 Test 2
Test 3 Test 4


Spalten effizient erstellen

Einzelne Zellen können auch durch die doppelte Verwendung des senkrechten Striches || erstellt werden um den Quelltext übersichtlicher zu halten.

Quelltext 

{|
! Test 1 || Test 2 
|-
| Test 3 || Test 4 
|}

Ausgabe

Test 1 Test 2
Test 3 Test 4


Rahmen

Um einen Rahmen einzufügen, ist die Verwendung des Befehls border="1" notwendig. Die Zahl in den Anführungszeichen gibt die Stärke des Rahmens an.

Quelltext 

{| border="1"
! Test 1 || Test 2 
|-
| Test 3 || Test 4 
|}

Ausgabe

Test 1 Test 2
Test 3 Test 4


Spalten zusammenfassen (Colspan)

Einzelne Spalten können zusammengefasst werden. Hierfür ist die Anweisung colspan="2" notwendig. Die Zahl in den Anführungszeichen definiert, über wie viele Spalten sich die aktuelle Zeile erstrecken soll.

Quelltext 

{| border="1"
! colspan="4" | Überschrift
|-
| Test 1 || Test 2 || Test3 || Test4
|-
| colspan="2" | Test A || Test B || Test C
|}

Ausgabe

Überschrift
Test 1 Test 2 Test3 Test4
Test A Test B Test C


Beschriftung

Tabellen können auch beschriftet werden. Die Anweisung lautet |+.

Quelltext 

{| border="1"
|+ Testbeschriftung
! colspan="4" | Überschrift
|-
| Test 1 || Test 2 || Test3 || Test4
|-
| colspan="2" | Test A || Test B || Test C
|}

Ausgabe

Testbeschriftung
Überschrift
Test 1 Test 2 Test3 Test4
Test A Test B Test C


Hintergrundfarben

Spalten können eingefärbt werden. Die Anweisung lautet: style="background: #FFE699". Die Farbe "#FFE699" ist nur beispielhaft ausgewählt. Hier können auch andere Farbwerte verwendet werden (siehe Hexadezimale-Farbtabelle).

Quelltext 

{| border="1"
! colspan="4" style="background: #FFE699" | Überschrift 
|-
| Test 1 || Test 2 || Test 3 || Test 4
|-
| colspan="2" | Test A || Test B || Test C
|}

Ausgabe

Überschrift
Test 1 Test 2 Test3 Test4
Test A Test B Test C


Spaltenbreite

Die Spaltenbreite kann vorgegeben werden, entweder in Pixeln width="50" oder in Prozent width="50%".

Quelltext 

{| border="1" width="70%"
! style="background:blue" colspan="4" | Überschrift
|-
! Test 1 || Test 2
|-
| Test A || Test B 
|}

Ausgabe

Überschrift
Test 1 Test 2
Test A Test B


Spalteninhalte ausrichten

Kopfzeilen sind grundsätzlich mittig (horizontal und vertikal) ausgerichtet.

Horizontal können auch andere Spalteninhalte durch den Befehl align u. a. rechts (align="right"), links (align="left") und mittig (align="center") ausgerichtet werden. Die Ausrichtung kann je Spalte vorgenommen werden oder für eine ganze Zeile.

Vertikal werden die Spalteninhalte durch den Befehl valign u. a. oben (valign="top"), unten (valign="bottom") und mittig (valign="middle") ausgerichtet werden. Die Ausrichtung kann ebenfalls je Spalte vorgenommen werden oder für eine ganze Zeile.

Quelltext 

{| border="1" width="70%"
! style="background: #FFE699" colspan="4" | Überschrift
|-
! align="right" | Spalte 1 || Spalte 2
|- align="center"
| Test 1 || Test 2
|- align="center" 
| Test A || Test B 
|- align="right"
| height="50" valign="top" | Test A || valign="bottom" | Test B 
|}

Ausgabe

Überschrift
Spalte 1 Spalte 2
Test 1 Test 2
Test A Test B
Test A Test B


Weitere Informationen

Die vorstehenden Ausführungen geben nur einen kleinen Überblick. Es gibt viele Möglichkeiten Tabellen noch individueller anzupassen, z. B. durch CSS-Anweisung.