Hilfe:Formatierung von Texten: Unterschied zwischen den Versionen

Aus GEVITAS
Wechseln zu: Navigation, Suche
(→‎Tabellen)
Zeile 159: Zeile 159:
 
=== Feste Laufweite (Breite) der Schriftart ===
 
=== Feste Laufweite (Breite) der Schriftart ===
 
Die von <code><nowiki><tt> ... </tt></nowiki></code> eingeschlossen Ziffern und Zeichen werden mit fester Laufweite gesetzt, das entspricht ungefähr der Schriftart '''Courier'''.
 
Die von <code><nowiki><tt> ... </tt></nowiki></code> eingeschlossen Ziffern und Zeichen werden mit fester Laufweite gesetzt, das entspricht ungefähr der Schriftart '''Courier'''.
 +
 +
== Farben verwenden ==
 +
 +
{| class="wikitable"
 +
|- class="hintergrundfarbe6"
 +
! Aktion
 +
! Wikitext
 +
! Ergebnis
 +
|-
 +
| Farbiger Text
 +
| <code><nowiki><span style="color:#006400"> Text </span></nowiki></code>
 +
| <span style="color:#006400">Text</span>
 +
|-
 +
| Farbige Absätze
 +
| <code><nowiki><p style="color:darkgreen"> Absatz </p></nowiki></code>
 +
| <p style="color:darkgreen">Absatz</p>
 +
|-
 +
| Hintergrund für ein oder wenige&nbsp;Wörter
 +
| <code><nowiki><span style="background-color:yellow"> Beispiel </span></nowiki></code>
 +
| <span style="background:yellow">Beispiel</span>
 +
|-
 +
| Hintergrund eines Absatzes
 +
| <code><nowiki><p style="background-color:yellow"> Absatz </p></nowiki></code>
 +
| <p style="background-color:yellow">Absatz</p>
 +
|-
 +
| Farbiger Text + Hintergrund eines&nbsp;Absatzes
 +
| <code><nowiki><p style="background:yellow; color:darkgreen"> Absatz </p></nowiki></code>
 +
| <p style="background:yellow;color:darkgreen">Absatz</p>
 +
|-
 +
| Hintergrund einer Tabellenzelle <!--title="background:#fedcba"-->
 +
| <code><nowiki>style="background:#fedcba" | Text</nowiki></code>
 +
|style="background:#fedcba" title="background:#fedcba"| Text
 +
|-
 +
|rowspan="2"| Hintergrund- und/oder Textfarbe<br />in Tabellenzelle, <small>''mit [[Tooltip]]''</small>
 +
| {{Vorlage|Coltit|ffa}}
 +
|{{Coltit|ffa}}
 +
|-
 +
|colspan="2"|<small>''zur vollständigen Beschreibung aller Parameter siehe die [[Vorlage:Coltit|Vorlagendokumentation]]''</small>
 +
|-
 +
|colspan="3"|Die Kurzformen''kombination'' <code>bgcolor=#fa3</code> ''wird von einigen [[Internet Explorer|Browsern]] falsch aufgelöst'' – keinesfalls verwenden!
 +
|}
 +
 +
Rot als Textfarbe sollte in Artikeln nicht verwendet werden; ''siehe auch [[Hilfe:Textgestaltung]]''.
 +
 +
Wikipedia Farbdefinitionen: für Rahmen und Hintergründe von [[Wikipedia:Textbausteine|Textbausteinen]], Tabellen und anderem. Hier: Standardvorgaben für „dunkle Schrift auf hellem Grund“. Die Farben sind unabhängig von den direkten Farbwerten zu verstehen und können prinzipiell für unterschiedliche [[Hilfe:Skin|Skins]] unterschiedlich sein.
 +
 +
==== Hintergrundfarben ====
 +
; Anwendungsbeispiele:
 +
* Innerhalb vom Fließtext oder einer Textzeile
 +
** <code><nowiki><span class="hintergrundfarbe5"></nowiki></code><span class="hintergrundfarbe1">innerhalb <span class="hintergrundfarbe5">einer</span> Textzeile</span><code><nowiki></span></nowiki></code>
 +
* oder etwas schöner mit „padding“ links und rechts
 +
** <code><nowiki><span class="hintergrundfarbe5" style="padding:0 1.5pt 0 1.5pt"></nowiki></code><span class="hintergrundfarbe1" style="padding:0 1.5pt 0 1.5pt">innerhalb <span class="hintergrundfarbe5" style="padding:0 1.5pt 0 1.5pt">einer</span> Textzeile</span><code><nowiki></span></nowiki></code>
 +
* Blockweise
 +
** <code><nowiki><div class="hintergrundfarbe5"></nowiki></code>Text, Bilder, Tabellen usw.<code><nowiki></div></nowiki></code>
 +
 +
{| class="wikitable"
 +
|- class="hintergrundfarbe6"
 +
! Klassen-Name
 +
! Kurzbeschreibung
 +
! Farbe in<br />allen [[Hilfe:Skin|Skins]]
 +
|-
 +
| hintergrundfarbe1
 +
| Wie <code>class="wikitable"</code>
 +
| class="hintergrundfarbe1" style="text-align:center;" | #F9F9F9
 +
|-
 +
| hintergrundfarbe2
 +
| „Weiß“, für Nicht-Artikel-Seiten, neutral
 +
| class="hintergrundfarbe2" style="text-align:center;" | #FFFFFF
 +
|-
 +
| hintergrundfarbe3
 +
| „Gelb“, auffällig
 +
| class="hintergrundfarbe3" style="text-align:center;" | #FFFF40
 +
|-
 +
| hintergrundfarbe4
 +
| Sehr auffällig
 +
| class="hintergrundfarbe4" style="text-align:center;" | #FFAA00
 +
|-
 +
| hintergrundfarbe5
 +
| Neutral, abgesetzt
 +
| class="hintergrundfarbe5" style="text-align:center;" | #E0E0E0
 +
|-
 +
| hintergrundfarbe6
 +
| rowspan="4" | <div style="margin:0 2em 0 2em">Allgemein „bunt“,<br />für Hervorhebungen und Unterscheidungen</div>
 +
| class="hintergrundfarbe6" style="text-align:center;" | #B3B7FF
 +
|-
 +
| hintergrundfarbe7
 +
| class="hintergrundfarbe7" style="text-align:center;" | #FFCBCB
 +
|-
 +
| hintergrundfarbe8
 +
| class="hintergrundfarbe8" style="text-align:center;" | #FFEBAD
 +
|-
 +
| hintergrundfarbe9
 +
| class="hintergrundfarbe9" style="text-align:center;" | #B9FFC5
 +
|}
 +
 +
{| class="wikitable" style="text-align:center"
 +
|- class="hintergrundfarbe6"
 +
! rowspan="2" | Anwendungsbereich
 +
!colspan="8"| Farbe je nach [[Hilfe:Skin|Skin]]
 +
|- class="hintergrundfarbe6"
 +
! simple
 +
! myskin
 +
! chick
 +
! monobook
 +
! modern
 +
! standard
 +
! cologneblue
 +
! nostalgia
 +
|-
 +
| align="left" | Inhaltsverzeichnis
 +
|style="background-color:transparent"| <!--simple -->–ohne–
 +
|style="background-color:transparent"| <!--myskin -->–ohne–
 +
|style="background-color:#F9F9F9"| <!--chick -->#F9F9F9
 +
|style="background-color:#F9F9F9"| <!--monobook -->#F9F9F9
 +
|style="background-color:#F0F0F0"| <!--modern -->#F0F0F0
 +
|style="background-color:#F7F8FF"| <!--standard -->#F7F8FF
 +
|style="background-color:#F7F8FF"| <!--cologneblue-->#F7F8FF
 +
|style="background-color:#F7F8FF"| <!--nostalgia -->#F7F8FF
 +
|-
 +
| align="left" | Artikelseiten
 +
|style="background-color:#C0C0C0"| <!--simple -->#C0C0C0
 +
|style="background-color:#C0C0C0"| <!--myskin -->#C0C0C0
 +
|style="background-color:#C0C0C0"| <!--chick -->#C0C0C0
 +
|style="background-color:#FFFFFF"| <!--monobook -->#FFFFFF
 +
|style="background-color:#FFFFFF"| <!--modern -->#FFFFFF
 +
|style="background-color:#FFFFFF"| <!--standard -->#FFFFFF
 +
|style="background-color:#FFFFFF"| <!--cologneblue-->#FFFFFF
 +
|style="background-color:#FFFFFF"| <!--nostalgia -->#FFFFFF
 +
|-
 +
| align="left" | Diskussions- und Projektseiten
 +
|style="background-color:#C0C0C0"| <!--simple -->#C0C0C0
 +
|style="background-color:#C0C0C0"| <!--myskin -->#C0C0C0
 +
|style="background-color:#C0C0C0"| <!--chick -->#C0C0C0
 +
|style="background-color:#F3F3FF"| <!--monobook -->#F3F3FF
 +
|style="background-color:#FFFFFF"| <!--modern -->#FFFFFF
 +
|style="background-color:#FFFFEC"| <!--standard -->#FFFFEC
 +
|style="background-color:#FFFFEC"| <!--cologneblue-->#FFFFEC
 +
|style="background-color:#FFFFEC"| <!--nostalgia -->#FFFFEC
 +
|}
 +
 +
=== Rahmenfarben ===
 +
Anwendung beispielsweise: <code><nowiki><span class="rahmenfarbe3" style="border-style: solid; border-width: 2px; margin: 2px"> </nowiki></code>Text<code><nowiki></span></nowiki></code>
 +
 +
{| class="wikitable"
 +
|- class="hintergrundfarbe6"
 +
! Klassenname
 +
! Kurzbeschreibung
 +
! Farbe
 +
|-
 +
| rahmenfarbe1
 +
| Wie Inhaltsverzeichnis
 +
| style="text-align:center;" | <span class="rahmenfarbe1" style="border-style: solid; border-width: 2px; margin: 2px">#AAAAAA</span>
 +
|-
 +
| rahmenfarbe2
 +
| Unauffällig, geringer Kontrast
 +
| style="text-align:center;" | <span class="rahmenfarbe2" style="border-style: solid; border-width: 2px; margin: 2px">#E9E9E9</span>
 +
|-
 +
| rahmenfarbe3
 +
| „Rot“, auffällig
 +
| style="text-align:center;" | <span class="rahmenfarbe3" style="border-style: solid; border-width: 2px; margin: 2px">#C00000</span>
 +
|-
 +
| rahmenfarbe4
 +
| Neutrale Farbe, deutlich
 +
| style="text-align:center;" | <span class="rahmenfarbe4" style="border-style: solid; border-width: 2px; margin: 2px">#8888AA</span>
 +
|-
 +
| rahmenfarbe5
 +
| „Schwarz“, hoher Kontrast
 +
| style="text-align:center;" | <span class="rahmenfarbe5" style="border-style: solid; border-width: 2px; margin: 2px">#000000</span>
 +
|}
  
 
== Tabellen ==
 
== Tabellen ==
Zeile 225: Zeile 394:
  
 
* [[Hilfe: Diskussionsseiten|Diskussionsseiten]]
 
* [[Hilfe: Diskussionsseiten|Diskussionsseiten]]
 +
 +
* [http://www.farb-tabelle.de/de/farbtabelle.htm Eine Farbtabelle sortiert nach Schattierungen]

Version vom 31. Oktober 2012, 09:39 Uhr

1 Formatierung von Wiki-Artikeln

Formatierung von Wiki-Artikeln
Sie schreiben So wird es dargestellt
Normaler Text wird so dargestellt, man ihn eingibt. Mit einer Leerzeile

kann man einen Absatz erzeugen.

Normaler Text wird so dargestellt, man ihn eingibt. Mit einer Leerzeile

kann man einen Absatz erzeugen.

ein (erzwungener) Zeilenum<br />bruch (sollte nur sparsam verwendet werden) ein (erzwungener) Zeilenum
bruch (sollte nur sparsam verwendet werden)
''kursiv'' kursiv
'''fett''' fett
'''''fett und kursiv''''' fett und kursiv
<math>c = \sqrt{a^2 + b^2}</math> <math>c = \sqrt{a^2 + b^2}</math>
Text <sup>hochgestellt</sup> Text hochgestellt
Text <sub>tiefgestellt</sub> Text tiefgestellt

2 Überschriften

Überschriften werden mit dem mehrfachen "="-Zeichen festgelegt:

== Überschrift Ebene 2 ==
Text, Text...
=== Überschrift Ebene 3 ===
Text, Text...
==== Überschrift Ebene 4 ====
Text, Text...
===== Überschrift Ebene 5 =====
Text, Text...
====== Überschrift Ebene 6 ======
Text, Text...

Das ergibt dann:

3 Überschrift Ebene 2

Text, Text...

3.1 Überschrift Ebene 3

Text, Text...

3.1.1 Überschrift Ebene 4

Text, Text...

3.1.1.1 Überschrift Ebene 5

Text, Text...

3.1.1.1.1 Überschrift Ebene 6

Text, Text...

  • Es beginnt bei Ebene 2, weil Ebene 1 die Hauptüberschrift des Artikel ganz oben ist.
  • Ebene 1 darf also nicht verwendet werden!

4 Aufzählungen

Aufzählungen werden mit dem "*" festgelegt:

* eins
* zwei
** zwei-eins
** zwei-zwei
* drei

usw. ergibt dann:

  • eins
  • zwei
    • zwei-eins
    • zwei-zwei
  • drei

Es ist zu beachten, dass Leerzeilen zwischen den Aufzählungen zu einem semantischen Bruch führen.

5 Numerische Aufzählungen

Numerische Aufzählungen werden mit dem "#" festgelegt:

# eins
# zwei
## zwei-eins
## zwei-zwei
# drei

usw. ergibt dann:

  1. eins
  2. zwei
    1. zwei-eins
    2. zwei-zwei
  3. drei

Es ist zu beachten, dass Leerzeilen zwischen den Aufzählungen zu einem numerischen Bruch führen.

6 Definitionslisten

Definitionslisten dienen der Unterscheidung von verschiedenen Begriffen. Sie werden mit dem ";" festgelegt, die Begriffserklärungen mit :.

; Definitionsliste
: Eine Definition
: Eine andere Definition
; Begriff
: Definition des Begriffs

ergibt dann:

Definitionsliste
Eine Definition
Eine andere Definition
Begriff
Definition des Begriffs

Definitionslisten können zur Unterscheidung verschiedener Fachbegriffe benutzt werden. Sie sind nicht dafür verwendbar, durch das Semikolon Fettschreibung oder Zwischenüberschriften zu erzeugen, da die Auszeichnung vom Stylesheet abhängig ist.

7 Quelltext

<code>Markiert Text als Quelltext</code></tt>

sieht so aus:

Markiert Text als Quelltext

8 Kommentare

Kommentare werden mit der Formatangabe "<!-- " begonnen und mit "--> " abgeschlossen.

Dies ist ein<!-- unsichtbarer Kommentar-->.

ergibt:

Dies ist ein.

9 Automatischer Zeilenumbruch, geschütztes Leerzeichen

Normalerweise wird der Text automatisch umgebrochen. Wenn man Wörter zusammenhalten will, kann man die Formatierung

nbsp;

verwenden („non-breaking space“). Bitte sparsam verwenden!

9.1 Feste Laufweite (Breite) der Schriftart

Die von <tt> ... </tt> eingeschlossen Ziffern und Zeichen werden mit fester Laufweite gesetzt, das entspricht ungefähr der Schriftart Courier.

10 Farben verwenden

Aktion Wikitext Ergebnis
Farbiger Text <span style="color:#006400"> Text </span> Text
Farbige Absätze <p style="color:darkgreen"> Absatz </p>

Absatz

Hintergrund für ein oder wenige Wörter <span style="background-color:yellow"> Beispiel </span> Beispiel
Hintergrund eines Absatzes <p style="background-color:yellow"> Absatz </p>

Absatz

Farbiger Text + Hintergrund eines Absatzes <p style="background:yellow; color:darkgreen"> Absatz </p>

Absatz

Hintergrund einer Tabellenzelle style="background:#fedcba" | Text Text
Hintergrund- und/oder Textfarbe
in Tabellenzelle, mit Tooltip 		Vorlage:Vorlage Vorlage:Coltit
zur vollständigen Beschreibung aller Parameter siehe die Vorlagendokumentation
Die Kurzformenkombination bgcolor=#fa3 wird von einigen Browsern falsch aufgelöst – keinesfalls verwenden!

Rot als Textfarbe sollte in Artikeln nicht verwendet werden; siehe auch Hilfe:Textgestaltung.

Wikipedia Farbdefinitionen: für Rahmen und Hintergründe von Textbausteinen, Tabellen und anderem. Hier: Standardvorgaben für „dunkle Schrift auf hellem Grund“. Die Farben sind unabhängig von den direkten Farbwerten zu verstehen und können prinzipiell für unterschiedliche Skins unterschiedlich sein.

10.1 Hintergrundfarben

Anwendungsbeispiele
  • Innerhalb vom Fließtext oder einer Textzeile
    • <span class="hintergrundfarbe5">innerhalb einer Textzeile</span>
  • oder etwas schöner mit „padding“ links und rechts
    • <span class="hintergrundfarbe5" style="padding:0 1.5pt 0 1.5pt">innerhalb einer Textzeile</span>
  • Blockweise
    • <div class="hintergrundfarbe5">Text, Bilder, Tabellen usw.</div>
Klassen-Name Kurzbeschreibung Farbe in
allen Skins
hintergrundfarbe1 Wie class="wikitable" #F9F9F9
hintergrundfarbe2 „Weiß“, für Nicht-Artikel-Seiten, neutral #FFFFFF
hintergrundfarbe3 „Gelb“, auffällig #FFFF40
hintergrundfarbe4 Sehr auffällig #FFAA00
hintergrundfarbe5 Neutral, abgesetzt #E0E0E0
hintergrundfarbe6
Allgemein „bunt“,
für Hervorhebungen und Unterscheidungen
 #B3B7FF
hintergrundfarbe7 #FFCBCB
hintergrundfarbe8 #FFEBAD
hintergrundfarbe9 #B9FFC5
Anwendungsbereich Farbe je nach Skin
simple myskin chick monobook modern standard cologneblue nostalgia
Inhaltsverzeichnis –ohne– –ohne– #F9F9F9 #F9F9F9 #F0F0F0 #F7F8FF #F7F8FF #F7F8FF
Artikelseiten #C0C0C0 #C0C0C0 #C0C0C0 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
Diskussions- und Projektseiten #C0C0C0 #C0C0C0 #C0C0C0 #F3F3FF #FFFFFF #FFFFEC #FFFFEC #FFFFEC

10.2 Rahmenfarben

Anwendung beispielsweise: <span class="rahmenfarbe3" style="border-style: solid; border-width: 2px; margin: 2px"> Text</span>

Klassenname Kurzbeschreibung Farbe
rahmenfarbe1 Wie Inhaltsverzeichnis #AAAAAA
rahmenfarbe2 Unauffällig, geringer Kontrast #E9E9E9
rahmenfarbe3 „Rot“, auffällig #C00000
rahmenfarbe4 Neutrale Farbe, deutlich #8888AA
rahmenfarbe5 „Schwarz“, hoher Kontrast #000000

11 Tabellen

Tabellen beginnen mit der Zeile

{| class="wikitable" style="text-align: left;"

Danach folgen die Überschriften, der Tabelle. Für jede Spalte ist ein ! und dahinter der Titel-Text anzugeben.

Dann kommen die Zeilen. Eine Zeile beginnt mit den Zeichen "|-".

Danach kommt - für jede Spalte dieser Zeile - das Zeichen "|" und der Text der Zelle.

Der Schluss der Tabelle wird mit den Zeichen "|}" festgelegt.

  • Beispiel:
    • Die Style-Angaben in Zelle 1/1 sind optional.
    • Die "valign"-Angabe ist optional. Sie sorgt dafür, dass der Text der Zelle nicht vertikal zentriert wird sondern oben beginnt. Leider muss man anscheinend diese Angabe bei jeder Zeile wiederholen.

{| class="wikitable" style="text-align: left;"
!Überschrift 1
!Überschrift 2
|- valign="top"
|style="width: 80%; background-color: orange;"| Zeile 1 Spalte 1
|Zeile 1 Spalte 2
|-
|Zeile 2 Spalte 1
|Zeile 2 Spalte 2
|-
|Zeile 3 Spalte 1
|Zeile 3 Spalte 2
|}

Ergebnis:

Überschrift 1 Überschrift 2
Zeile 1 Spalte 1 Zeile 1 Spalte 2
Zeile 2 Spalte 1 Zeile 2 Spalte 2
Zeile 3 Spalte 1 Zeile 3 Spalte 2

12 Links

Abgerufen von „http://www.gevitas.de/wiki/index.php?title=Hilfe:Formatierung_von_Texten&oldid=891“