Hilfe:Tabellen: Unterschied zwischen den Versionen

Aktuelle Version vom 5. Januar 2007, 17:03 Uhr

↓ Überblick

↓ Bearbeiten

↓ Artikel

↓ Multimedia

↓ Features

↓ Pseudo und Anti

Grundlagen

Jede Tabelle im Wiki-Stil beginnt mit einer geschweiften Klammer { gefolgt von einem senkrechten Strich | und endet mit einem Strich | gefolgt von einer geschweiften Klammer }.

Das gibt kamel ein	So sieht es aus
{\| \|}

Einfache Tabellen

Jede Zeile innerhalb der beiden Klammern beginnt mit einem senkrechten Strich |. Dieser macht den Beginn einer neuen Zelle deutlich. Danach kommt der Inhalt der Zelle.

Eine Tabelle mit zwei Zellen in einer Tabellenzeile sieht im Text so aus:

Das gibt kamel ein

So sieht es aus

{|

|Zelle 1

|Zelle 2

|}

Zelle 1

Zelle 2

Alternative Schreibweise

Zum Platzsparen ist es möglich, mehrere Tabellenzellen in einer Quältextzeile unterzubringen; in diesem Fall muss kamel die Zellen mit || trennen:

Das gibt kamel ein

So sieht es aus

{|

|Zelle 1||Zelle 2

|}

Zelle 1

Zelle 2

Tabelle mit mehreren Tabellenzeilen

Der Beginn einer neuen Zeile wird deutlich gemacht, indem kamel hinter dem senkrechten Strich | einen waagerechten – setzt.

Das gibt kamel ein

So sieht es aus

{|

|Zelle 1

|Zelle 2

|-

|Zelle 3

|Zelle 4

|}

Zelle 1	Zelle 2
Zelle 3	Zelle 4

Komplexere Tabellen

Rahmen

Einen Rahmen erhält kamel, wenn mit border="x", wobei x die Stärke des Rahmens festlegt.

Das gibt kamel ein

So sieht es aus

{| border="1"

|Zelle 1

|Zelle 2

|-

|Zelle 3

|Zelle 4

|-

|Zelle 5

|Zelle 6

|}

Zelle 1	Zelle 2
Zelle 3	Zelle 4
Zelle 5	Zelle 6

oder

Das gibt kamel ein

So sieht es aus

{| border="5"

|Zelle 1

|Zelle 2

|Zelle 3

|-

|Zelle 4

|Zelle 5

|Zelle 6

|}

Zelle 1	Zelle 2	Zelle 3
Zelle 4	Zelle 5	Zelle 6

Zelle über mehrere Spalten

Mit colspan="x" kann kamel Zellen über mehrere Spalten reichen lassen, wobei x die Anzahl der Spalten festlegt, über die sich die Zelle erstreckt.

Das gibt kamel ein

So sieht es aus

{| border="1"

| colspan="3" |Zelle 1

|-

|Zelle 2

|Zelle 3

|Zelle 4

|-

|Zelle 5

|Zelle 6

|Zelle 7

|}

Zelle 1
Zelle 2	Zelle 3	Zelle 4
Zelle 5	Zelle 6	Zelle 7

Titelzeilen

Eine Tabelle mit Titelzeile erreicht kamel, indem die Zellen, die hervorgehoben werden sollen, mit ! statt | eingeleitet werden:

Das gibt kamel ein

So sieht es aus

{| border="1"

!Lama

!Dromedar

!Kamel

|-

|0 Höcker

|1 Höcker

|2 Höcker

|}

Lama	Dromedar	Kamel
0 Höcker	1 Höcker	2 Höcker

Leere Zellen mit Rahmen

Leere Zellen werden in einer Tabelle nicht umrahmt. Um trotzdem einen Rahmen zu bekommen, kann kamel das geschützte Leerzeichen   benutzen.

Das gibt kamel ein

So sieht es aus

{| border="1"

|&nbsp;

!Lama

!Dromedar

!Kamel

|-

!Höcker

|0

|1

|2

|}

	Lama	Dromedar	Kamel
Höcker	0	1	2

Zellen farbig hinterlegen

Mit style="background:x;" können Zellen farblich hervorgehoben werden, wobei für x entweder der Farbname oder der Hexadezimalwert (#......) eingesetzt weden kann. Die Namen bzw. Werte findet kamel in der Farbtabelle.

Das gibt kamel ein

So sieht es aus

{| border="1"

|&nbsp;

!Lama

!Dromedar

! style="background:#ABCDEF;" |Kamel

|-

!Höcker

|0

|1

| style="background:gold;" |2

|}

	Lama	Dromedar	Kamel
Höcker	0	1	2

Formatierungen

Spaltenbreiten

Spaltenbreiten können mit width="x%" festgelegt (relative Angabe). Absolute Angaben in Pixeln sind eher bei Grafiken sinnvoll. Titelzeilen werden automatisch zentriert.

Das gibt kamel ein

So sieht es aus

{| border="1"

! width="10%" |Lama

! width="20%" |Dromedar

! width="40%" |Kamel

|-

|10%

|20%

|40%

|}

Lama	Dromedar	Kamel
10%	20%	40%

Ausrichtung

Um die Inhalte der anderen Zellen auszurichten, benutzt kamel align="x", wobei left (links), center (mittig) oder right (rechts) für x eingesetzt werden kann.

Das gibt kamel ein

So sieht es aus

{| border="1"

! width="10%" |Lama

! width="20%" |Dromedar

! width="40%" |Kamel

|-

|align="left" |10%

|align="center" |20%

|align="right" |40%

|}

Lama	Dromedar	Kamel
10%	20%	40%

Zellenabstände

Mit cellspacing="x" kann der Abstand zwischen den Zellen festgelegt werden. Je größer das x, desto breiter wird der Steg zwischen den Zellen. Mit cellpadding="x" bestimmt kamel den Abstand des Zellinhaltes vom Zellrahmen.

Das gibt kamel ein

So sieht es aus

{| border="1" cellspacing="10"

! width="10%" |Lama

! width="20%" |Dromedar

! width="40%" |Kamel

|-

|align="center" |10%

|align="center" |20%

|align="center" |40%

|}

Lama	Dromedar	Kamel
10%	20%	40%

bzw:

Das gibt kamel ein

So sieht es aus

{| border="1" cellpadding="10"

! width="10%" |Lama

! width="20%" |Dromedar

! width="40%" |Kamel

|-

|align="center" |10%

|align="center" |20%

|align="center" |40%

|}

Lama	Dromedar	Kamel
10%	20%	40%

oder zusammen:

Das gibt kamel ein

So sieht es aus

{| border="1" cellpadding="10" cellspacing="10"

! width="10%" |Lama

! width="20%" |Dromedar

! width="40%" |Kamel

|-

|align="center" |10%

|align="center" |20%

|align="center" |40%

|}

Lama	Dromedar	Kamel
10%	20%	40%

{{prettytable}} ist eine Vorlage, die ein vorformatiertes Design enthält.

Das gibt kamel ein

So sieht es aus

{| {{prettytable}}

|Zelle 1

|Zelle 2

|Zelle 3

|-

|Zelle 4

|Zelle 5

|Zelle 6

|}

Zelle 1	Zelle 2	Zelle 3
Zelle 4	Zelle 5	Zelle 6

Basiert auf „Hilfe:Tabellen“ aus der Wikipedia; Lizenz: CC-by-SA, GFDL; Autorenliste.

Hilfe:Tabellen: Unterschied zwischen den Versionen

Aktuelle Version vom 5. Januar 2007, 17:03 Uhr

Inhaltsverzeichnis

Grundlagen

Einfache Tabellen

Alternative Schreibweise

Tabelle mit mehreren Tabellenzeilen

Komplexere Tabellen

Rahmen

Zelle über mehrere Spalten

Titelzeilen

Leere Zellen mit Rahmen

Zellen farbig hinterlegen

Formatierungen

Spaltenbreiten

Ausrichtung

Zellenabstände

{{prettytable}}

Navigationsmenü

Suche

@@ Zeile 4: / Zeile 4: @@
 Jede Tabelle im Wiki-Stil beginnt mit einer geschweiften Klammer '''{''' gefolgt von einem senkrechten Strich '''|''' und endet mit einem Strich '''|''' gefolgt von einer geschweiften Klammer '''}'''.
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
 <nowiki>{|</nowiki>
@@ Zeile 19: / Zeile 22: @@
 Eine Tabelle mit zwei Zellen in einer Tabellenzeile sieht im Text so aus:
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
 <nowiki>{|</nowiki><br/>
@@ Zeile 32: / Zeile 38: @@
 |}
 |}
 ===Alternative Schreibweise===
-Zum Platzsparen ist es möglich, mehrere Tabellenzellen in einer Quelltextzeile unterzubringen; in diesem Fall muss man die Zellen mit '''||''' trennen:
+Zum Platzsparen ist es möglich, mehrere Tabellenzellen in einer Quältextzeile unterzubringen; in diesem Fall muss kamel die Zellen mit '''||''' trennen:
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
 <nowiki>{|</nowiki><br/>
@@ Zeile 47: / Zeile 57: @@
 |}
 |}
 ===Tabelle mit mehreren Tabellenzeilen===
-Der Beginn einer neuen Zeile wird deutlich gemacht, indem man hinter dem senkrechten Strich '''|''' einen waagerechten '''–''' setzt.
+Der Beginn einer neuen Zeile wird deutlich gemacht, indem kamel hinter dem senkrechten Strich '''|''' einen waagerechten '''–''' setzt.
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 75: / Zeile 89: @@
 ==Komplexere Tabellen==
 ===Rahmen===
-Einen Rahmen erhält man, wenn mit '''border="x"''', wobei '''x''' die Stärke des Rahmens festlegt.
+Einen Rahmen erhält kamel, wenn mit '''border="x"''', wobei '''x''' die Stärke des Rahmens festlegt.
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 106: / Zeile 123: @@
 oder
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 131: / Zeile 151: @@
 |}
-===<nowiki>{{prettytable}}</nowiki>===
-'''<nowiki>{{prettytable}}</nowiki>''' ist eine Vorlage, die ein vorformatiertes Design enthält.
-{|
+===Zelle über mehrere Spalten===
+Mit '''colspan="x"''' kann kamel Zellen über mehrere Spalten reichen lassen, wobei '''x''' die Anzahl der Spalten festlegt, über die sich die Zelle erstreckt.
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
-<nowiki>{| {{prettytable}}</nowiki><br/>
+<nowiki>{| border="1"</nowiki><br/>
-<nowiki>|Zelle 1</nowiki><br/>
+<nowiki>| colspan="3" |Zelle 1</nowiki><br/>
+<nowiki>|-</nowiki><br/>
 <nowiki>|Zelle 2</nowiki><br/>
 <nowiki>|Zelle 3</nowiki><br/>
+<nowiki>|Zelle 4</nowiki><br/>
 <nowiki>|-</nowiki><br/>
-<nowiki>|Zelle 4</nowiki><br/>
 <nowiki>|Zelle 5</nowiki><br/>
 <nowiki>|Zelle 6</nowiki><br/>
+<nowiki>|Zelle 7</nowiki><br/>
 <nowiki>|}</nowiki>
 </div>
 |
-{| {{prettytable}}
+{| border="1"
-|Zelle 1
+| colspan="3"|Zelle 1
+|-
 |Zelle 2
 |Zelle 3
+|Zelle 4
 |-
-|Zelle 4
 |Zelle 5
 |Zelle 6
+|Zelle 7
 |}
 |}
 === Titelzeilen ===
-Eine Tabelle mit Titelzeile erreicht man, indem die Zellen, die hervorgehoben werden sollen, mit '''!''' statt '''|''' eingeleitet werden:
+Eine Tabelle mit Titelzeile erreicht kamel, indem die Zellen, die hervorgehoben werden sollen, mit '''!''' statt '''|''' eingeleitet werden:
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 187: / Zeile 219: @@
 |}
-===Zelle über mehrere Spalten===
-Mit '''colspan="x"''' kann man Zellen über mehrere Spalten reichen lassen, wobei '''x''' die Anzahl der Spalten festlegt, über die sich die Zelle erstreckt.
-{|
+===Leere Zellen mit Rahmen===
+Leere Zellen werden in einer Tabelle nicht umrahmt. Um trotzdem einen [[Hilfe:Tabellen#Rahmen|Rahmen]] zu bekommen, kann kamel das geschützte Leerzeichen '''&amp;nbsp;''' benutzen.
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
 <nowiki>{| border="1"</nowiki><br/>
-<nowiki>| colspan="3" |Zelle 1</nowiki><br/>
+<nowiki>|&amp;nbsp;</nowiki><br/>
+<nowiki>!Lama</nowiki><br/>
+<nowiki>!Dromedar</nowiki><br/>
+<nowiki>!Kamel</nowiki><br/>
 <nowiki>|-</nowiki><br/>
-<nowiki>|Zelle 2</nowiki><br/>
+<nowiki>!Höcker</nowiki><br/>
-<nowiki>|Zelle 3</nowiki><br/>
+<nowiki>|0</nowiki><br/>
-<nowiki>|Zelle 4</nowiki><br/>
+<nowiki>|1</nowiki><br/>
+<nowiki>|2</nowiki><br/>
+<nowiki>|}</nowiki>
+</div>
+|
+{| border="1"
+|&nbsp;
+!Lama
+!Dromedar
+!Kamel
+|-
+!Höcker
+|0
+|1
+|2
+|}
+|}
+===Zellen farbig hinterlegen===
+Mit '''style="background:x;"''' können Zellen farblich hervorgehoben werden, wobei für '''x''' entweder der Farbname oder der Hexadezimalwert (#......) eingesetzt weden kann. Die Namen bzw. Werte findet kamel in der [[wikipedia:de:Hilfe:Farbtabelle#Tabelle_Farbcodes|Farbtabelle]].
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
+|
+<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
+<nowiki>{| border="1"</nowiki><br/>
+<nowiki>|&amp;nbsp;</nowiki><br/>
+<nowiki>!Lama</nowiki><br/>
+<nowiki>!Dromedar</nowiki><br/>
+<nowiki>! style="background:#ABCDEF;" |Kamel</nowiki><br/>
 <nowiki>|-</nowiki><br/>
-<nowiki>|Zelle 5</nowiki><br/>
+<nowiki>!Höcker</nowiki><br/>
-<nowiki>|Zelle 6</nowiki><br/>
+<nowiki>|0</nowiki><br/>
-<nowiki>|Zelle 7</nowiki><br/>
+<nowiki>|1</nowiki><br/>
+<nowiki>| style="background:gold;" |2</nowiki><br/>
 <nowiki>|}</nowiki>
 </div>
 |
 {| border="1"
-| colspan="3"|Zelle 1
+|&nbsp;
-|-
+!Lama
-|Zelle 2
+!Dromedar
-|Zelle 3
+! style="background:#ABCDEF;" |Kamel
-|Zelle 4
 |-
-|Zelle 5
+!Höcker
-|Zelle 6
+|0
-|Zelle 7
+|1
+| style="background:gold;" |2
 |}
 |}
 ==Formatierungen==
@@ Zeile 223: / Zeile 296: @@
 Spaltenbreiten können mit '''width="x%"''' festgelegt (relative Angabe). Absolute Angaben in Pixeln sind eher bei Grafiken sinnvoll. [[Hilfe:Tabellen#Titelzeilen|Titelzeilen]] werden automatisch zentriert.
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 247: / Zeile 323: @@
 |}
 |}
 ===Ausrichtung===
-Um die Inhalte der anderen Zellen auszurichten, benutzt man '''align="x"''', wobei '''left''' (links), '''center''' (mittig) oder '''right''' (rechts) für '''x''' eingesetzt werden kann.
+Um die Inhalte der anderen Zellen auszurichten, benutzt kamel '''align="x"''', wobei '''left''' (links), '''center''' (mittig) oder '''right''' (rechts) für '''x''' eingesetzt werden kann.
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 275: / Zeile 355: @@
 |}
 |}
 ===Zellenabstände===
-Mit '''cellspacing="x"''' kann der Abstand zwischen den Zellen festgelegt werden. Je größer das '''x''', desto breiter wird der Steg zwischen den Zellen. Mit '''cellpadding="x"''' bestimmt man den Abstand des Zellinhaltes vom Zellrahmen.
+Mit '''cellspacing="x"''' kann der Abstand zwischen den Zellen festgelegt werden. Je größer das '''x''', desto breiter wird der Steg zwischen den Zellen. Mit '''cellpadding="x"''' bestimmt kamel den Abstand des Zellinhaltes vom Zellrahmen.
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 306: / Zeile 390: @@
 bzw:
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 333: / Zeile 420: @@
 oder zusammen:
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 355: / Zeile 445: @@
 |align="center" |20%
 |align="center" |40%
+|}
+|}
+===<nowiki>{{prettytable}}</nowiki>===
+'''<nowiki>{{prettytable}}</nowiki>''' ist eine Vorlage, die ein vorformatiertes Design enthält.
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
+|
+<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
+<nowiki>{| {{prettytable}}</nowiki><br/>
+<nowiki>|Zelle 1</nowiki><br/>
+<nowiki>|Zelle 2</nowiki><br/>
+<nowiki>|Zelle 3</nowiki><br/>
+<nowiki>|-</nowiki><br/>
+<nowiki>|Zelle 4</nowiki><br/>
+<nowiki>|Zelle 5</nowiki><br/>
+<nowiki>|Zelle 6</nowiki><br/>
+<nowiki>|}</nowiki>
+</div>
+|
+{| {{prettytable}}
+|Zelle 1
+|Zelle 2
+|Zelle 3
+|-
+|Zelle 4
+|Zelle 5
+|Zelle 6
 |}
 |}