Tabellen formatieren

Aus AnnoWiki 1800
Wechseln zu: Navigation, Suche

Einfache Tabellen

Mit "{|" wird die Tabelle eingeleitet, mit dem Spiegelbild dieser Zeichen "|}" wird sie beendet. Das Zeilenende wird mit "|-" markiert. Mit "border" wird festgelegt, ob die Tabelle einen Rahmen hat (ohne Rahmen: border="0", mit Rahmen: border="1").


Code Ergebnis
Der Basis-Code sieht so aus:
 {|border="1"
 |-
 |Eins 
 |Zwei
 |-
 |Drei
 |Vier
 |-
 |}
 
Eins Zwei
Drei Vier
Die Zellbreite kann man mit "width=" darstellen; diese Einstellung braucht man natürlich nur einmal pro Spalte vorzunehmen:
 {|border="1"
 |-
 |width="60"| Eins 
 |width="60"| Zwei
 |-
 |Drei
 |Vier
 |-
 |}
 
Eins Zwei
Drei Vier
Die Höhe der Zelle kann man natürlich auch einstellen: mit "height="; diese Einstellung muß man natürlich nur einmal pro Zeile vornehmen:
 {|border="1"
 |-
 |width="60" height="50"| Eins 
 |width="60"| Zwei
 |-
 |height="50"| Drei
 |Vier
 |-
 |}
 
Eins Zwei
Drei Vier
Um die Überschrift fett und zentriert darzustellen, wird statt des senkrechten Strichs ein Ausrufezeichen gesetzt:
 {|border="1"
 |-
 !width="60"|Eins 
 !width="60"|Zwei
 |-
 |Drei
 |Vier
 |-
 |}
 
Eins Zwei
Drei Vier
Man kann auch im Code mehrere Zellen nebeneinander schreiben, wenn man sie mit "||" trennt:
 {|border="1"
 |-
 !width="60"|Eins ||width="60"|Zwei ||width="60"|Drei
 |-
 |Vier ||Fünf ||Sechs
 |-
 |Sieben ||Acht ||Neun
 |-
 |}
 
Eins Zwei Drei
Vier Fünf Sechs
Sieben Acht Neun

Erweiterte Formatierungen

Code Ergebnis
Mit align="center" zentriert man Text in einer Zeile. Überschriften können mit dem Ausrufezeichen fett und zentriert formatiert werden:
{|border=1 
!width="200" | Überschrift 1 
!width="200" | Überschrift 2
|-
|align="center" | Zeile 2 Spalte1
|align="center" | Zeile 2 Spalte2
|-
|align="center" | Zeile 3 Spalte1
|align="center" | Zeile 3 Spalte2
|-
|}
Überschrift 1 Überschrift 2
Zeile 2 Spalte1 Zeile 2 Spalte2
Zeile 3 Spalte1 Zeile 3 Spalte2
Setzt man " |- " vor align="center", zentriert dies sämtlichen Text in allen Zellen einer Zeile. Dies gilt für beide Schreibungen:
{|border=1 
!width="200" | Überschrift 1 
!width="300" | Überschrift 2 
!width="300" | Überschrift 3
|-
|- align="center" 
|Eins || Zwei || Drei
|-
|- align="center" 
|Vier
|Fünf
|Sechs
|-
|}
Überschrift 1 Überschrift 2 Überschrift 3
Eins Zwei Drei
Vier Fünf Sechs
"Cellpadding" verändert den Abstand zwischen Text und Zellenrand:
{|border=1 cellspacing="1" cellpadding="20"
!width="200" align="center" | Überschrift Spalte 1
!width="200" align="center" | Überschrift Spalte 2
|-
|Zeile 2 Spalte1
|Ziele 2 Spalte2
|-
|Zeile 3 Spalte1
|Zeile 3 Spalte2
|-
|}
Überschrift Spalte 1 Überschrift Spalte 2
Zeile 2 Spalte1 Ziele 2 Spalte2
Zeile 3 Spalte1 Zeile 3 Spalte2
"Cellspacing" verändert den Abstand zwischen den Zellen:
{|border=1 cellspacing="20" cellpadding="20"
!width="200" align="center" | Überschrift Spalte 1
!width="200" align="center" | Überschrift Spalte 2
|-
|Zeile 2 Spalte1
|Ziele 2 Spalte2
|-
|Zeile 3 Spalte1
|Zeile 3 Spalte2
|-
|}
Überschrift Spalte 1 Überschrift Spalte 2
Zeile 2 Spalte1 Ziele 2 Spalte2
Zeile 3 Spalte1 Zeile 3 Spalte2

 

Siehe auch