Hilfe:Start/ Tabellenkopf

Aus Wikibooks

Wechseln zu: Navigation, Suche

Allgemein: Kommentieren - Korrigieren
Persönliches Menü: Benutzerseite - Diskussionsseite - Diskussionsseiten benutzen - Einstellungen - Beobachtungsliste - Eigene Beiträge - Anmelden - Privatsphäre - weitere Menüs
Gestalten: Wiki-Markup - Schrift - Überschriften - Hervorhebung - Farben - Gliederung - Rahmen
Tabellen: Tabellen - Kopf - Positionierung auf der Seite - Verschachtelte Tabellen
Innere Gestaltung von Tabellen: Ausrichtung - Zellen verbinden - Farbe - Schrift - Maße


In diesem Abschnitt soll es darum gehen, wie Formatierungen im Tabellenkopf das Aussehen der gesamten Tabelle verändern können. Wir benutzen die folgende einfache Beispieltabelle:

Was wir schreiben

{|{{prettytable}}
|+ Einfaches Beispiel
! Spalte 1 || Spalte 2 || Spalte 3
|-
| Z1S1 || Z1S2 || Z1S3
|-
| Z2S1 || Z2S2 || Z2S3
|}

  und was wir dadurch erhalten


Einfaches Beispiel
Spalte 1 Spalte 2 Spalte 3
Z1S1 Z1S2 Z1S3
Z2S1 Z2S2 Z2S3

Bei den nachfolgenden Beispielen wird nur der Kopf (die erste Zeile) einer Tabellen-Definition verändert. Genauer: Das {{prettytable}} der obigen Beispieltabelle wird durch etwas anderes ersetzt, durch verschiedene HTML-Attribute. Der restliche Körper bleibt immer der selbe.

Einfacher Rahmen
  • {|border="1"
Einfaches Beispiel
Spalte 1 Spalte 2 Spalte 3
Z1S1 Z1S2 Z1S3
Z2S1 Z2S2 Z2S3
Rahmen mit Schatten
  • {|border="2"
Einfaches Beispiel
Spalte 1 Spalte 2 Spalte 3
Z1S1 Z1S2 Z1S3
Z2S1 Z2S2 Z2S3
Nur Außenumrandung
  • {|border="1" rules="none"
Einfaches Beispiel
Spalte 1 Spalte 2 Spalte 3
Z1S1 Z1S2 Z1S3
Z2S1 Z2S2 Z2S3
Gitternetz und Rahmen
  • {|border="1" rules="all"
Einfaches Beispiel
Spalte 1 Spalte 2 Spalte 3
Z1S1 Z1S2 Z1S3
Z2S1 Z2S2 Z2S3
Gitternetz und dicker Rahmen
  • {|border="3" rules="all"
Einfaches Beispiel
Spalte 1 Spalte 2 Spalte 3
Z1S1 Z1S2 Z1S3
Z2S1 Z2S2 Z2S3
Gitternetz
  • {|rules="all"
Einfaches Beispiel
Spalte 1 Spalte 2 Spalte 3
Z1S1 Z1S2 Z1S3
Z2S1 Z2S2 Z2S3
Reihen gruppieren
  • {|border="1" rules="rows"
Einfaches Beispiel
Spalte 1 Spalte 2 Spalte 3
Z1S1 Z1S2 Z1S3
Z2S1 Z2S2 Z2S3
Spalten gruppieren
  • {|border="1" rules="cols"
Einfaches Beispiel
Spalte 1 Spalte 2 Spalte 3
Z1S1 Z1S2 Z1S3
Z2S1 Z2S2 Z2S3
Zelleninnenabstand erweitern
  • {|border="1" cellpadding="10"
Einfaches Beispiel
Spalte 1 Spalte 2 Spalte 3
Z1S1 Z1S2 Z1S3
Z2S1 Z2S2 Z2S3
Zellenaußenabstand erweitern
  • {|border="1" cellspacing="20"
Einfaches Beispiel
Spalte 1 Spalte 2 Spalte 3
Z1S1 Z1S2 Z1S3
Z2S1 Z2S2 Z2S3

 


Das Style-Attribut

Hintergrund-Farbe
  • {| style="background:yellow;"
Einfaches Beispiel
Spalte 1 Spalte 2 Spalte 3
Z1S1 Z1S2 Z1S3
Z2S1 Z2S2 Z2S3
Rahmen-Farbe
  • {|style="border: 2px solid green;"
Einfaches Beispiel
Spalte 1 Spalte 2 Spalte 3
Z1S1 Z1S2 Z1S3
Z2S1 Z2S2 Z2S3
Zentrieren von Text
  • {|style="text-align:center"
Einfaches Beispiel
Spalte 1 Spalte 2 Spalte 3
Z1S1 Z1S2 Z1S3
Z2S1 Z2S2 Z2S3
Text rechtsbündig
  • {|style="text-align:right"
Einfaches Beispiel
Spalte 1 Spalte 2 Spalte 3
Z1S1 Z1S2 Z1S3
Z2S1 Z2S2 Z2S3

Für Details zum Gebrauch und wo Tabellen nützlich sein können:

Persönliche Werkzeuge