Admin (Diskussion | Beiträge) K (kleine inhaltliche Korrekturen) |
|||
(Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
− | |||
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. | 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. | ||
Zeile 16: | Zeile 15: | ||
== Erste Informationen == | == Erste Informationen == | ||
− | Jede | + | Jede Spalte beginnt mit einem senkrechten Strich '''<nowiki>|</nowiki>'''. |
'''Quelltext''' | '''Quelltext''' | ||
Zeile 31: | Zeile 30: | ||
|} | |} | ||
− | == Spalten == | + | == Zeilen und Spalten == |
− | Um mehrere Zeilen | + | Um mehrere Zeilen anzulegen, ist die Eingabe eines senkrechtes Striches sowie eines Bindestriches '''<nowiki>|-</nowiki>''' notwendig. |
'''Quelltext''' | '''Quelltext''' | ||
Zeile 81: | 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 121: | 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 | + | 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 171: | Zeile 170: | ||
== Hintergrundfarben == | == Hintergrundfarben == | ||
− | Spalten können eingefärbt werden. Die Anweisung lautet: '''<nowiki>style="background: | + | 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: | + | <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: | + | ! style="background: #FFE699" colspan="4" | Überschrift |
|- | |- | ||
| Test 1 || Test 2 || Test3 || Test4 | | Test 1 || Test 2 || Test3 || Test4 | ||
Zeile 201: | Zeile 200: | ||
'''Ausgabe''' | '''Ausgabe''' | ||
{| border="1" width="70%" | {| border="1" width="70%" | ||
− | ! style="background: | + | ! style="background:#FFE699" colspan="4" | Überschrift |
|- | |- | ||
! Test 1 || Test 2 | ! Test 1 || Test 2 | ||
Zeile 219: | Zeile 218: | ||
'''Quelltext''' | '''Quelltext''' | ||
<nowiki>{| border="1" width="70%" | <nowiki>{| border="1" width="70%" | ||
− | ! style="background: | + | ! style="background: #FFE699" colspan="4" | Überschrift |
|- | |- | ||
! align="right" | Spalte 1 || Spalte 2 | ! align="right" | Spalte 1 || Spalte 2 | ||
Zeile 233: | Zeile 232: | ||
{| border="1" width="70%" | {| border="1" width="70%" | ||
− | ! style="background: | + | ! style="background: #FFE699" colspan="4" | Überschrift |
|- | |- | ||
! align="right" | Spalte 1 || Spalte 2 | ! align="right" | Spalte 1 || Spalte 2 | ||
Zeile 248: | Zeile 247: | ||
Die vorstehenden Ausführungen geben nur einen kleinen Überblick. Es gibt viele Möglichkeiten Tabellen noch individueller anzupassen, z. B. durch CSS-Anweisung. | Die vorstehenden Ausführungen geben nur einen kleinen Überblick. Es gibt viele Möglichkeiten Tabellen noch individueller anzupassen, z. B. durch CSS-Anweisung. | ||
+ | |||
+ | [[Kategorie: Hilfe|Tabellen erstellen]] |
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.
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.
Jede Spalte beginnt mit einem senkrechten Strich |.
Quelltext
{| | Test 1 | Test 2 |}
Ausgabe
Test 1 | Test 2 |
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 |
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 |
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 |
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 |
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 |
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
Überschrift | |||
---|---|---|---|
Test 1 | Test 2 | Test3 | Test4 |
Test A | Test B | Test C |
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 |
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 |
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 |
Die vorstehenden Ausführungen geben nur einen kleinen Überblick. Es gibt viele Möglichkeiten Tabellen noch individueller anzupassen, z. B. durch CSS-Anweisung.