Hilfe: Tabellen

Aus LehramtsWiki
Version vom 6. Juli 2020, 13:15 Uhr von Sabine.Hampe (Diskussion | Beiträge)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Wechseln zu: Navigation, Suche
Nicht optimiert

Diese Seite ist noch nicht für mobile Geräte optimiert. Hier kann es zu Darstellungsfehlern kommen. Am besten betrachtest du diese Seite über einen Desktop-PC.


Hilfeseiten im LehramtsWiki




Zusammenfassung Wiki Tabellen Code

Wiki Code vgl. HTML Code Beschreibung
{| <table> Tabellenanfang
|+   Tabellenüberschrift, optional; nur einmal pro Tabelle zwischen Tabellenanfang und erster Zeile definierbar
|- <tr> neue Tabellenzeile
! <th> Tabellenkopfzelle, optional. Aufeinanderfolgende Kopfzellen können, durch doppelte Ausrufezeichen (!!) getrennt, in der gleichen Zeile folgen oder mit einfachen Ausrufezeichen (!) auf einer neuen Zeile beginnen.
| <td> Tabellenzelle, Pflicht! Aufeinanderfolgende Zellen können, durch doppelte Striche (||) getrennt, in der gleichen Zeile folgen oder mit einfachem Strich (|) auf einer neuen Zeile beginnen.
|} </table> Tabellenende


  • Die angegebenen Zeichen müssen am Zeilenanfang stehen, ausgenommen die Doppelten || und !! für optional aufeinanderfolgende Zellen in einer Zeile.
    • Der Inhalt von Zellen und Überschriften (| oder ||, ! oder !!, und |+) muss von der Formatierung mit einen Strich (|) getrennt sein und kann in der gleichen und folgenden Zeilen stehen.
    • Tabellen, Spalten und reihen ({| und |-) die nicht direkt einen Inhalt haben können, dürfen auch keinen Strich (|) nach den Attributen haben. Falls doch einer gesetzt wird, entfernt der Parser diese und das letzte Attribut, falls zwischen ihm und dem Strich kein Leerzeichen ist.


Einfache Tabellen

Einfachste Form

Die folgende Tabelle hat keine Ränder oder gute Leerräume. Sie zeigt aber den einfachen Wiki Code für eine Tabellenstruktur


Anzeige im Wiki Wiki Code
Orange Apfel
Brot Torte
Butter Eis
{|
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis  
|}


Alternative

Für ein mehr tabellarisches Aussehen können im Wiki Markup die Zellen in einer Zeile aufgeführt werden. Die einzelnen Spalten müssen dabei mit || getrennt werden. Jedoch nimmt die Übersichtlichkeit mit steigendem Textinhalt ab.

Leerzeichen können hier helfen um den Text optisch einfacher auszurichten. Diese haben später keinen Einfluss auf die erstellten Seiten.

HTML Angaben können bei dieser Art genauso hinzugefügt werden wie in anderen Tabellen.


Anzeige im Wiki Wiki Code
Orange Apfel Frucht
Brot Torte Gebäck
Butter Eis Milch
{|
|  Orange    ||   Apfel   ||   Frucht
|-
|   Brot     ||   Torte   ||   Gebäck
|-
|   Butter   ||    Eis    ||   Milch
|}

Tabelle mit Rahmen

Um einen Rahmen um die Tabelle zu bekommen, muss man den Code border="1" rules="all" nutzen.


Anzeige im Wiki Wiki Code
Orange Apfel
Brot Torte
Butter Eis
{| border="1" rules="all"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis  
|}

Tabellengröße

statische Größe

Um eine Tabelle Statisch in der Größe zu verändern, verwendet man den Wiki-Code width="Anzahl der Pixelpx"


Anzeige im Wiki Wiki Code
Orange Apfel
Brot Torte
Butter Eis
{| border="1" rules="all" width="200px"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis  
|}

Außerdem ist es möglich anstatt der ganzen Tabelle auch nur einzelnen Spalten eine statische Größe zuzuweisen. Auch hier verwendet man den Wiki-Code width="Anzahl der Pixelpx", allerdings nicht zu Beginn der Tabelle, sondern der betreffenden Spalte. Falls die betreffende Zeile noch weiteren Text enthält, muss der Code durch einen "|" abgeschlossen werden.

Anzeige im Wiki Wiki Code
Orange Apfel
Brot Torte
Butter Eis
{| border="1" rules="all"
|Orange
| width="150px" | Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis  
|}


dynamische Größe

Als Alternative zur statischen Veränderung der Größe gibt es auch noch die dynamische. Sie bietet den Vorteil, dass sie nicht abhängig von der Auflösung des genutzten Monitors ist. Im Wiki-Code unterscheidet sie sich lediglich darin, dass "px" durch "%" ausgetauscht wird: width="Prozent des verfügbaren Platzes%". Auch hier ist es möglich sowohl die ganze Tabelle als auch einzelne Spalten in der Größe zu verändern.


Anzeige im Wiki Wiki Code
Orange Apfel
Brot Torte
Butter Eis
{| width="30%" border="1" rules="all"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis  
|}

Ausrichtung

Die horizontale Ausrichtung innerhalb einer Spalte kann mit dem Wiki-Code align="Ausrichtung" bearbeitet werden. Die unterschiedlichen Ausrichtungsformen sind right für rechtsbündigen Text, left für linksbündigen Text und center für zentrierten Text.

Anzeige im Wiki Wiki Code
Orange Apfel
Brot Torte
Butter Eis
{| width="30%" border="1" rules="all"
|align="right"|Orange
|align="left"|Apfel
|-
|align="center"|Brot
|align="left"|Torte
|-
|align="center"|Butter
|align="right"|Eis 
|}

Mit dem gleichen Wiki Code lässt sich auch die Ausrichtung der gesamten Tabelle ändern.

Anzeige im Wiki Wiki Code
Orange Apfel
Brot Torte
Butter Eis
{| width="30%" border="1" rules="all" align="right"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis  
|}

Um die Textausrichtung innerhalb der gesamten Tabelle zu verändern, nutzt man den Code style="text-align:Ausrichtung" Die unterschiedlichen Ausrichtungsformen sind right für rechtsbündigen Text, left für linksbündigen Text und center für zentrierten Text. Der Code muss im Tabellenkopf eingegeben werden!

Innerhalb einzelner Spalten kann man die Ausrichtung nach wie vor einzeln ändern (siehe: Torte). Dies funktioniert wie gewohnt mit dem Wiki-Code align="Ausrichtung".

Anzeige im Wiki Wiki Code
Orange Apfel
Brot Torte
Butter Eis
{| width="30%" border="1" rules="all" style="text-align:right"
|Orange
|Apfel
|-
|Brot
|align="center"|Torte
|-
|Butter
|Eis 
|}

Float

Normalerweise wird Text nicht neben einer Tabelle angezeigt, sondern unter ihr. Den dadurch entstandenen Lehrraum kann man durch den Wiki-Code style="float:Ausrichtung" vermeiden.


Anzeige im Wiki Wiki Code
Orange Apfel
Brot Torte
Butter Eis

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

{| width="30%" border="1" rules="all" style="float:right"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}
Lorem ipsum dolor sit amet, consetetur sadipscing [...]


Zellen verbinden

Zum Verbinden von Zellen gibt es zwei unterschiedliche Wiki-Codes, abhängig davon, ob man innerhalb einer Zeile oder einer Spalte Zellen verbinden möchte. Zum Verbinden innerhalb einer Zeile wird der Wiki-Code colspan="Anzahl der zu Verbindenden Zellen" verwendet. Zum Verbinden innerhalb einer Spalte lautet er: rawspan="Anzahl der zu Verbindenden Zellen"


Anzeige im Wiki Wiki Code
Teil 1 Teil 2 Teil 3
A B
C D
E F
G
H
{| border="1" rules="all" cellpadding="5"
|-
! Teil 1 
! Teil 2 
! Teil 3
|-
| rowspan="2"| A
| colspan="2" align="center"| B
|-
| C 
| D 
|-
| E
| rowspan="2" colspan="2" align="center"| F
|- 
| G
|- 
| colspan="3" align="center"| H
|}


Hilfen von OpenOffice.org

Um Tabellen mit Wiki-Tabellen mit OpenOffice zu erstellen, nutzt man den Writer. Hier kann man Tabellen erstellen und anschließend unter dem Reiter Datei ⇨ Exportieren als Dateityp das Mediawiki-Format wählen. Nun speichert man die Tabelle als *.txt Datei. Diese wiederum kann man in einem Editor öffnen und den Wiki-Code kopieren und in dem Artikel der gerade bearbeitet wird einfügen.

Siehe auch


Hilfeseiten im LehramtsWiki