Hilfe:Tables/de: Unterschied zwischen den Versionen

Version vom 30. Oktober 2009, 08:35 Uhr

Für Autoren: Wenn Sie diese Seite bearbeiten, sind Sie damit einverstanden, Ihren Beitrag mit uneingeschränktem Nutzungsrecht (Public Domain) vergleichbar der Gemeinfreiheit zur Verfügung zu stellen. Wenn Sie das nicht möchten oder wenn eine Textergänzung aus lizenzrechtlichen Gründen nicht möglich ist, dann verzichten Sie an dieser Stelle bitte auf eine Bearbeitung.

Diese Seite gehört zu den Public-Domain-Hilfeseiten für MediaWiki, die frei (und ohne Versionsgeschichte) in neue Wiki-Installationen kopiert und/oder mit künftigen MediaWiki-Versionen verteilt werden können.

Tabellen können in Media Wiki Seiten entweder direkt mit HTML Tabellenelementen geschrieben werden oder mit dem Wikicode. HTML Tabellenelemente und ihr Gebrauch werden auf verschiedenen Webseiten beschrieben und deshalb hier nicht besprochen. Der Wikicode nutzt Buchstabensymbole um die Tabellenstruktur im Artikel zu bilden, die in der Ansicht durch HTML Tabellenelemente ersetzt werden.

Generell sollte man die Verwendung von Tabellen vermeiden, außer es geht wirklich nicht anders. Der Tabellenaufbau verkompliziert meist das Bearbeiten von Seiten.

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.
XHTML - Eigenschaften. Jede Markierung, außer das Tabellenende, kann optional 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, welcher Wiki Formatierung (wie Überschriften, Aufzählungen usw.) nutzt, muss am Anfang einer neuen Zeile stehen.

Einfache Tabelle

Einfache Form

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

Anzeige in 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 Ü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.

Orange	Apfel	more
Brot	Torte	more
Butter	Eis	and more

{|
|  Orange    ||   Apfel   ||   more
|-
|   Brot    ||   Torte     ||   more
|-
|   Butter   || Eis ||  and more
|}

Mit HTML Eigenschaften

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

border="1"

Orange	Apfel
Brot	Torte
Butter	Eis

{| border="1"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}

align="center" border="1"

Orange	Apfel
Brot	Torte
Butter	Eis

{| align="center" border="1"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}

align="right" border="1"

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

Orange	Apfel	12,333.00
Brot	Torte	500.00
Butter	Eis	1.00

{| border="1"
|Orange
|Apfel
|align="right"|12,333.00
|-
|Brot
|Torte
|align="right"|500.00
|-
|Butter
|Eis
|align="right"|1.00
|}

Man kann Eigenschaften auch auf nur bestimmte Zeilen anwenden.

Orange	Apfel	12,333.00
Brot	Torte	500.00
Butter	Eis	1.00

{| border="1"
|Orange
|Apfel
|align="right"|12,333.00
|-
|Brot
|Torte
|align="right"|500.00
|- style="font-style:italic;color:green;"
|Butter
|Eis
|align="right"|1.00
|}

cellspacing="0" border="1"

Orange	Apfel
Brot	Torte
Butter	Eis

{| cellspacing="0" border="1"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}

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

Orange	Apfel
Brot	Torte
Butter	Eis

{| cellpadding="20" cellspacing="0" border="1"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}

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"

Orange	Apfel
Brot	Torte
Butter	Eis

{| style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}

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

lecker	leckerer
Orange	Apfel
Brot	Torte
Butter	Eis

{| border="1" cellpadding="20" cellspacing="0"
!lecker
!leckerer
|-
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}

Colspan="2"

leckerer
Orange	Apfel
Brot	Torte
Butter	Eis

{| border="1" cellpadding="20" cellspacing="0"
! colspan="2"|leckerer
|-
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}

seitliche Überschrift

standardmäßig

Obst	Orange	Apfel
Hauptspeise	Brot	Torte
Zutaten	Butter	Eis

{| border="1" cellpadding="20" cellspacing="0"
!Obst
|Orange
|Apfel
|-
!Hauptspeise
|Brot
|Torte
|-
!Zutaten
|Butter
|Eis 
|}

rechtsbündig

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

Obst	Orange	Apfel
Hauptspeise	Brot	Torte
Zutaten	Butter	Eis

{| border="1" cellpadding="20" cellspacing="0"
!align="right" |Obst
|Orange
|Apfel
|-
!align="right" |Hauptspeise
|Brot
|Torte
|-
!align="right" |Zutaten
|Butter
|Eis 
|}

Beschriftung

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

Essenssachen
Orange	Apfel
Brot	Torte
Butter	Eis

{| border="1" cellpadding="20" cellspacing="0"
|+Essenssachen
|-
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}

Eigenschaften können der Beschriftung wie folgt zugewiesen werden:

*Essenssachen*
Orange	Apfel
Brot	Torte
Butter	Eis

{| border="1" cellpadding="20" cellspacing="0"
|+align="bottom" style="color:#e76700;"|''Essenssachen''
|-
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}

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.

Yummiest
Orange	Apfel
Brot	Torte
Butter	Eis

{| border="1" cellpadding="20" cellspacing="0"
|colspan="2"|
===Yummiest===
|-
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis 
|}

Tabellengestaltung in SalzWiki

bgcolor="#ffff99" \|Feld hellgelb hinterlegt	Feld hellgelb hinterlegt
<span style="color: rgb(205, 38, 38);">Text</span>	Text rot

Benutzen Sie bitte für Tabellen für die Überschriften die Farbe: bgcolor="#ffff99"

für Inhaltsfelder die Farbe: bgcolor="#ccffff"

Tabelle Die Temperaturskalen

Skala	Celsius	Kelvin	Fahrenheit	Reaumur
Symbol	°C	T	tF	tR
Einheit	ºC	K	ºF	ºR
1. FP* 2. FP Teilung	0 100 100	273.15 373.15 100	32 212 180	0 80 80
	Europa	Wissenschaft	USA	Frankreich veraltet

Sprache:	English • Deutsch

@@ Zeile 510: / Zeile 510: @@
 |}
-==Tabellen mit H1, H2, H3 usw. Überschriften==
+== 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.
+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.
 {| width="100%"
-|width="50%"|
-{| border="1" cellpadding="20" cellspacing="0"
-|colspan="2"|
-===Yummiest===
 |-
-|Orange
+| width="50%" |
-|Apfel
+{| cellspacing="0" cellpadding="20" border="1"
+|-
+| colspan="2" |
+=== Yummiest ===
+|-
+| Orange
+| Apfel
 |-
-|Brot
+| Brot
-|Torte
+| Torte
 |-
-|Butter
+| Butter
-|Eis
+| Eis
 |}
-|width="50%"|
-<pre>
+| width="50%" | <pre>{&#124; border="1" cellpadding="20" cellspacing="0"
-{| border="1" cellpadding="20" cellspacing="0"
+&#124;colspan="2"&#124;
-|colspan="2"|
 ===Yummiest===
+&#124;-
+&#124;Orange
+&#124;Apfel
+&#124;-
+&#124;Brot
+&#124;Torte
+&#124;-
+&#124;Butter
+&#124;Eis
+&#124;}
+</pre>
+|}
+== Tabellengestaltung in SalzWiki ==
+{| cellspacing="1" cellpadding="1" border="1" style="width: 637px; height: 60px;"
 |-
-|Orange
+| <nowiki>bgcolor="#ffff99" |Feld hellgelb hinterlegt</nowiki>
-|Apfel
+| bgcolor="#ffff99" | Feld hellgelb hinterlegt
 |-
-|Brot
+| <nowiki><span style="color: rgb(205, 38, 38);">Text</span></nowiki> <br>
-|Torte
+| <span style="color: rgb(205, 38, 38);">Text rot</span>
+|}
+<br> <br> Benutzen Sie bitte für Tabellen für die Überschriften die Farbe: <nowiki>bgcolor="#ffff99" </nowiki>
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; für Inhaltsfelder die Farbe: <nowiki>bgcolor="#ccffff"</nowiki>
+<br> ''Tabelle&nbsp; '''Die Temperaturskalen'''''
+{| cellspacing="0" cellpadding="4" border="2" style="width: 518px; height: 183px;"
+|-
+| bgcolor="#ffff99" | '''Skala'''
+| bgcolor="#ffff99" | '''Celsius'''
+| bgcolor="#ffff99" | '''Kelvin'''
+| bgcolor="#ffff99" | '''Fahrenheit'''
+| bgcolor="#ffff99" | '''Reaumur'''
+|-
+| bgcolor="#ffff99" | '''Symbol'''
+| bgcolor="#ccffff" | °C
+| bgcolor="#ccffff" | T
+| bgcolor="#ccffff" | tF
+| bgcolor="#ccffff" | tR
+|-
+| bgcolor="#ffff99" | '''Einheit'''
+| bgcolor="#ccffff" | ºC
+| bgcolor="#ccffff" | K
+| bgcolor="#ccffff" | ºF
+| bgcolor="#ccffff" | ºR
 |-
-|Butter
+| bgcolor="#ffff99" | '''1. FP*'''<br>'''2. FP'''<br>'''Teilung'''
-|Eis
+| bgcolor="#ccffff" | 0<br>100<br>100
-|}
+| bgcolor="#ccffff" | 273.15<br>373.15<br>100
-</pre>
+| bgcolor="#ccffff" | 32<br>212<br>180
+| bgcolor="#ccffff" | 0<br>80<br>80
+|-
+| bgcolor="#ffff99" | &nbsp;
+| bgcolor="#ccffff" | Europa
+| bgcolor="#ccffff" | Wissenschaft
+| bgcolor="#ccffff" | USA
+| bgcolor="#ccffff" | Frankreich<br>veraltet
 |}
 {{Languages|Help:Tables}}
 [[Category:Help/de|Tables]]