Dies ist ein Wiki und es ist nie fertig. Korrekturen? Ergänzungen? Schreiben Sie einfach an stoebener@augsburg-wiki.de


Hauptseite | Hilfe | Einfache Tabellen


Einfache Tabellen

Tabellen werden mit Hilfe des doppelten 'pipe'-Zeichens || definiert. (Auf deutschen Tastaturen befindet sich das 'pipe'-Zeichen in der Regel links unten auf der Taste mit den Zeichen '<' und '>'. Das 'pipe'-Zeichen lässt sich unter Windows normalerweise durch gleichzeitiges Drücken der <AltGr>-Taste und der '<'-Taste erzeugen. Macintosh Nutzer verwenden Wahltaste+7.).

Zeilen, die mit || beginnen, zeigen den Beginn einer Tabellenzeile an. Das Auftreten von || innerhalb einer Zeile markiert den Beginn einer neuen Tabellenzelle. Nachfolgende Tabelle enthält zur besseren Sichtbarkeit einen Rand (standardmäßig ist kein Rand sichtbar).

Einfache Tabelle
|| border=1
|| Zelle 1 || Zelle 2 || Zelle 3 ||
|| Zelle 1 || Zelle 2 || Zelle 3 ||
Zelle 1Zelle 2Zelle 3
Zelle 1Zelle 2Zelle 3

Kopfzellen können gebildet werden, indem man ! als erstes Zeichen einer Zelle eingibt. Dies sind Tabellenköpfe, keine Überschriften, so daß !! und !!! keine Wirkung haben!

Tabellenköpfe
|| border=1
||! Zelle 1 ||! Zelle 2 ||! Zelle 3 ||
|| Zelle 1  ||  Zelle 2 ||  Zelle 3 ||
Zelle 1Zelle 2Zelle 3
Zelle 1Zelle 2Zelle 3

Tabellen können eine Beschriftung besitzen: ||!Beschriftung!||. Jede Beschriftung muss vor den anderen Zeilen der Tabelle eingefügt werden.

Tabellenbeschriftung
|| border=1
||! Eine besondere Tabelle !||
||! Zeile 1 ||! Zeile 2 ||! Zeile 3 ||
|| Zeile 1  ||  Zeile 2 ||  Zeile 3 ||
Eine besondere Tabelle
Zeile 1Zeile 2Zeile 3
Zeile 1Zeile 2Zeile 3

Formatierung von Zellinhalten

Zellinhalte dürfen links-, rechtsbündig oder zentriert sein.

  • Um Inhalte linksbündig auszurichten, wird der Zelleninhalt ohne Leerzeichen direkt rechts neben das führende || geschrieben.
  • Um Inhalte zu zentrieren, wird jeweils ein Leerzeichen vor und nach dem Zelleninhalt gesetzt.
  • Für die rechtsbündige Ausrichtung wird der Zelleninhalt ohne Leerzeichen direkt links neben das das folgende || gestellt, wobei vor dem Zelleninhalt ein Leerzeichen eingetippt wird.
Ausrichtung in den Zellen
|| border=1 width=100%
||!Zelle 1      ||! Zelle 2  ||!       Zelle 3||
||linksbündig  || zentriert || rechtsbündig||
Zelle 1Zelle 2Zelle 3
linksbündigzentriertrechtsbündig
Standardausrichtung
|| border=1 width=100%
||!Zelle Standard||!Zelle links ||
||bündig nach Standard||linksbündig || 
Zelle StandardZelle links
bündig nach Standardlinksbündig

Es sei bemerkt, dass die Kopfzellen und die Einzelzellen verschiedene Voreinstellungen haben.

Eine Zelle überspannt mehrere Spalten, wenn der Zelle weitere leere Zellen folgen. Zur Zeit existiert keine Syntax für das Überspannen von Zeilen.

Überspannen von Zellen
|| border=1 width=100%
|| |||| rechte Spalte ||
|| || mittlere Spalte ||||
|| linke Spalte ||||||
|| linke Spalte || mittlere Spalte || rechte Spalte ||
 rechte Spalte
 mittlere Spalte
linke Spalte
linke Spaltemittlere Spalterechte Spalte

Tabelleneigenschaften

Jede Zeile, die mit || beginnt, aber nicht mit || endet, setzt die Tabelleneigenschaften für alle folgenden Tabellen. Diese Eigenschaften können Größe, Position, Rahmen, Hintergrundfarbe und die Zellenabstände in der Tabelle sein. Für Profis: Tatsächlich handelt es sich hier nur um die in den <table> Ausdruck gesetzten Standard-HTML-Eigenschaften.

Mit dem width= Attribut in Prozent oder einem absoluten Wert wird die Tabellenweite festgelegt.

Tabellenweite
|| border=1 width=100% 
|| Zeile 1 || Zeile 2 || Zeile 3 ||
|| z1 || zeilezeilezeilezeile2 || zeile 3 ||
Zeile 1Zeile 2Zeile 3
z1zeilezeilezeilezeile2zeile 3

Das border= Attribut setzt die Größe der Tabellenränder.

Tabellen mit und ohne Rahmen
|| border=10 
||!Zeile 1      ||! Zeile 2  ||!       Zeile 3||
||linksbündig || zentriert || rechtsbündig||


|| border=0
||!Zeile 1      ||! Zeile 2  ||!       Zeile 3||
||linksbündig || zentriert || rechtsbündig||
Zeile 1Zeile 2Zeile 3
linksbündigzentriertrechtsbündig
Zeile 1Zeile 2Zeile 3
linksbündigzentriertrechtsbündig

Mit align=center, align=left und align=right wird die Tabelle linksbündig, rechtsbündig oder zentriert ausgerichtet. align=left und align=right erzeugen eine fließende (floating) Tabelle, so dass der Text um die Tabelle herumfließt.

Tabellenausrichtung
|| border=1 align=center
||!Zeile 1      ||! Zeile 2  ||!       Zeile 3||
||linksbündig || zentriert || rechtsbündig||

|| border=1 align=left
||!Zeile 1      ||! Zeile 2  ||!       Zeile 3||
||linksbündig || zentriert || rechtsbündig||
Der Text fließt rechts um die links ausgerichtete Tabelle.
Zeile 1Zeile 2Zeile 3
linksbündigzentriertrechtsbündig
Zeile 1Zeile 2Zeile 3
linksbündigzentriertrechtsbündig

Der Text fließt rechts um die links ausgerichtete Tabelle.

Das bgcolor= Attribute legt die Hintergrundfarbe fest. Im Moment können keine individuellen Farben für Zeilen oder Spalten in einer Tabelle festgelegt werden (siehe aber auch Cookbook:Formatting Simple Tables?).

|| border=1 align=center bgcolor=yellow
||!Zeile 1      ||! Zeile 2  ||!       Zeile 3||
||linksbündig || zentriert || rechtsbündig||
Zeile 1Zeile 2Zeile 3
linksbündigzentriertrechtsbündig

Weitere Beispiele

Für Profis hier noch weitere Möglichkeiten für Tabellen.

Eine komplexere Tabelle
%define=sp padding-right:1em font-weight:bold%
|| border=1
|| [++Ereignisse++] ||||||||||
|| '''Mai 2008''' || '''Juni 2008''' || '''Juli 2008''' || '''August
2008''' || '''September 2008''' ||
||%sp%'''10'''%%6:30 - 8:30
Vorstandssitzung[[<<]][[<<]]%sp%'''17'''%%7:00 - 8:30
Projektmanagement[[<<]][[<<]]%sp%'''24'''%%7:00 - 8:30
Arztbesuch|| || || || ||
|| '''Oktober 2008''' || '''November 2008''' || '''Dezember 2008''' ||
'''Januar 2008''' || '''Februar 2008''' ||
|| || || || || ||
Ereignisse
Mai 2008Juni 2008Juli 2008August 2008September 2008
10
6:30 - 8:30 Vorstandssitzung

17
7:00 - 8:30 Projektmanagement

24
7:00 - 8:30 Arztbesuch
    
Oktober 2008November 2008Dezember 2008Januar 2008Februar 2008
     


Hauptseite | Hilfe | Einfache Tabellen


Dies ist ein Wiki und es ist nie fertig. Korrekturen? Ergänzungen? Schreiben Sie einfach an stoebener@augsburg-wiki.de



FacebookTwitThis
Pin ItMister Wong