Hilfe:Formatierung von Texten: Unterschied zwischen den Versionen

Aus GEVITAS
Wechseln zu: Navigation, Suche
(Farben verwenden)
Zeile 191: Zeile 191:
 
| <code><nowiki>style="background:#fedcba" | Text</nowiki></code>
 
| <code><nowiki>style="background:#fedcba" | Text</nowiki></code>
 
|style="background:#fedcba" title="background:#fedcba"| Text
 
|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 [http://de.wikipedia.org/wiki/Hilfe:Farbverwendung Rahmen und Hintergründe] von [http://de.wikipedia.org/wiki/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 [http://de.wikipedia.org/wiki/Hilfe:Skin Skins] unterschiedlich sein.
 
 
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 ==

Version vom 31. Oktober 2012, 10:22 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

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.

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