Hilfe:Tabellen

Aus Zeldapendium
Zur Navigation springen Zur Suche springen

Tabellen können in Zeldapendium-Seiten entweder direkt mit HTML Tabellenelementen geschrieben werden oder mit dem Wikicode. HTML Tabellenelemente und ihr Gebrauch werden auf verschiedenen Webseiten beschrieben und werden hier nicht besprochen. Der Wikicode nutzt Buchstaben Symbole um die Tabelle Struktur im Artikel zu bilden, die in der Ansicht durch HTML Tabellenelementen ersetzt werden.

Zusammenfassung Wiki Tabellen Code

Wiki Code vgl. HTML Code Beschreibung
{| <table> Tabellenanfang
|+ Tabellenüberschrift, optional; nur einmal pro Tabelle zwischen Tabellenanfang und erster Reihe definierbar
|- <tr> neue Tabellenzeile
! <th> Tabellenzeilen Kopf, optional. Consecutive table headers may be added on same line separated by double marks (!!) or start on new lines, each with its own single mark (!).
| <td> Tabellenzelle, Pflicht! Consecutive table data cells may be added on same line separated by double marks (||) or start on new lines, each with its own single mark (|).
|} </table> Tabellenende
  • Die angegebenen Zeichen müssen am Zeilenanfang stehen, ausgenommen die Doppelten || und !! für optional aufeinanderfolgende Zeilen in einer Reihe.
  • XHTML - Eigenschaften. Jede Markierung, ausser Tabellenende, kann optinal eine oder mehrere XHTML Eigenschaften haben. Die Eigenschaften müssen in der gleichen Zeile eingegeben werden, für die sie auch gültig sind. Mehrere Eingaben müssen mit einem Leerzeichen getrennt eingegeben werden.
    • 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 Leereichen ist.
  • Inhalt kann (a) nach seiner Zellenmarkierung nach den optionalen XHTML Eigenschaften in der gleichen Reihe stehen oder (b) unter der Zellenmarkierung. Inhalt der Wiki Formatierung (wie Überschriften, Aufzählungen usw.) nutzt muss am Anfang einer neuen Zeile stehen.

Einfache Tabelle

Einfach Form

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

Anzeige in Zeldapendium Wiki Code
Link Salia
Zelda Malon
Ganondorf Impa
{|
|Link
|Salia
|-
|Zelda
|Malon
|-
|Ganondorf
|Impa  
|}

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 Übersichtlichtkeit mit steigemden 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.

Link Salia Mido
Zelda Malon Ruto
Ganondorf Impa Rauru
{|
|  Link    ||   Salia   ||   Mido
|-
|   Zelda    ||   Malon     ||   Ruto
|-
|   Ganondorf   || Impa ||  Rauru
|}

Mit HTML Eigenschaften

Durch das Hinzufügen von HTML Eigenschaften lässt sich das Aussehen der Tabelle verändern.

border="1"

Link Salia
Zelda Malon
Ganondorf Impa
{| border="1"
|Link
|Salia
|-
|Zelda
|Malon
|-
|Ganondorf
|Impa 
|}

align="center" border="1"

Link Salia
Zelda Malon
Ganondorf Impa
{| align="center" border="1"
|Link
|Salia
|-
|Zelda
|Malon
|-
|Ganondorf
|Impa 
|}

align="right" border="1"

Eigenschaften lassen sich auch auf individuelle Zellen anwenden. Zahlen zum Beispiel sehen besser aus, wenn sie rechtsbündig stehen.

Link Salia 12,333.00
Zelda Malon 500.00
Ganondorf Impa 1.00
{| border="1"
|Link
|Salia
|align="right"|12,333.00
|-
|Zelda
|Malon
|align="right"|500.00
|-
|Ganondorf
|Impa
|align="right"|1.00
|}


Man kann Eigenschaften auch nur auf bestimmte Reihen anwenden.

Link Salia 12,333.00
Zelda Malon 500.00
Ganondorf Impa 1.00
{| border="1"
|Link
|Salia
|align="right"|12,333.00
|-
|Zelda
|Malon
|align="right"|500.00
|- style="font-style:italic;color:green;"
|Ganondorf
|Impa
|align="right"|1.00
|}

cellspacing="0" border="1"

Link Salia
Zelda Malon
Ganondorf Impa
{| cellspacing="0" border="1"
|Link
|Salia
|-
|Zelda
|Malon
|-
|Ganondorf
|Impa 
|}

cellpadding="20" cellspacing="0" border="1"

Link Salia
Zelda Malon
Ganondorf Impa
{| cellpadding="20" cellspacing="0" border="1"
|Link
|Salia
|-
|Zelda
|Malon
|-
|Ganondorf
|Impa 
|}

Mit HTML Eigenschaften und CSS Definitionen

CSS Angaben können in Kombination mit oder ohne HTML Eigenschaften verwendet werden.

style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"

Link Salia
Zelda Malon
Ganondorf Impa
{| style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
|Link
|Salia
|-
|Zelda
|Malon
|-
|Ganondorf
|Impa 
|}

Table mit TH Kopfzeile

TH (HTML Tabellenkopf) kann mit einem ! vor dem | erstellt werden. Diese Kopfzeile erscheint für gewöhnlich in fett und zentriert.

Tabellenkopf

pro Spalte

Triforceträger Andere
Link Salia
Zelda Malon
Ganondorf Impa
{| border="1" cellpadding="20" cellspacing="0"
!Triforceträger
!Andere
|-
|Link
|Salia
|-
|Zelda
|Malon
|-
|Ganondorf
|Impa 
|}

Colspan="2"

Personen
Link Salia
Zelda Malon
Ganondorf Impa
{| border="1" cellpadding="20" cellspacing="0"
! colspan="2"|Personen
|-
|Link
|Salia
|-
|Zelda
|Malon
|-
|Ganondorf
|Impa 
|}

seitliche Überschrift

standardmäßig

Kokiri Link Salia
Mädchen Zelda Malon
Sonstige Ganondorf Impa
{| border="1" cellpadding="20" cellspacing="0"
!Kokiri
|Link
|Salia
|-
!Mädchen
|Zelda
|Malon
|-
!Sonstige
|Ganondorf
|Impa 
|}

rechtsbündig

Seitliche Überschriften können wie folgt rechtbündig angeordnet werden.

Kokiri Link Salia
Mädchen Zelda Malon
Sonstige Ganondorf Impa
{| border="1" cellpadding="20" cellspacing="0"
!align="right" |Kokiri
|Link
|Salia
|-
!align="right" |Mädchen
|Zelda
|Malon
|-
!align="right" |Sonstige
|Ganondorf
|Impa 
|}

Beschriftung

Eine Tabellenbeschriftung kann wie folgt über jeder Tabelle hinzugefügt werden.

Charaktere
Link Salia
Zelda Malon
Ganondorf Impa
{| border="1" cellpadding="20" cellspacing="0"
|+Charaktere
|-
|Link
|Salia
|-
|Zelda
|Malon
|-
|Ganondorf
|Impa 
|}

Eigenschaften können der Beschriftung wie folgt zugewiesen werden

Charaktere
Link Salia
Zelda Malon
Ganondorf Impa
{| border="1" cellpadding="20" cellspacing="0"
|+align="bottom" style="color:#e76700;"|''Charaktere''
|-
|Link
|Salia
|-
|Zelda
|Malon
|-
|Ganondorf
|Impa 
|}

Tabellen mit H1, H2, H3 usw. Überschriften

HTML H1, H2, H3, H4 usw. Überschriften können auch in Tabellen mit dem üblichen ==Wiki Markup== erstellt werden. Diese müssen dann in einer Zeile mit dem Text stehen.

Hier ist die Vorschau sehr von Vorteil! da mit jeder Kopfzeile ein neuer Abschnitt beginnt, der später editierbar sein wird. Jedoch werden dann Teile der Tabelle beim Bearbeiten fehlen, da diese in einem anderen Abschnitt stehen.

Auch muss die Struktur eingehalten werden, da die Überschriften genauso wie andere Überschriften in das Inhaltsverzeichnis eingehen.

Hauptpersonen

Link Salia
Zelda Malon
Ganondorf Impa
{| border="1" cellpadding="20" cellspacing="0"
|colspan="2"|
===Hauptpersonen===
|-
|Link
|Salia
|-
|Zelda
|Malon
|-
|Ganondorf
|Impa 
|}