Hilfe:Formatierung von Texten: Unterschied zwischen den Versionen

Aus GEVITAS
Wechseln zu: Navigation, Suche
(Tabellen)
(Sonderzeichen)
 
(18 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 153: Zeile 153:
 
Normalerweise wird der Text automatisch umgebrochen. Wenn man Wörter zusammenhalten will, kann man die Formatierung  
 
Normalerweise wird der Text automatisch umgebrochen. Wenn man Wörter zusammenhalten will, kann man die Formatierung  
  
<nowiki>nbsp;</nowiki>
+
<code><nowiki>& nbsp;</nowiki></code>
  
 
verwenden („non-breaking space“). Bitte '''sparsam''' verwenden!
 
verwenden („non-breaking space“). Bitte '''sparsam''' verwenden!
 +
 +
=== 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'''.
 +
 +
Beispiel:
 +
 +
<tt>Text mit fester Laufweite</tt>
 +
 +
== Sonderzeichen ==
 +
Die Wiki-Software benutzt Unicode! Es kann deshalb der gesamte Unicode-Zeichensatz dargestellt werden.
 +
 +
Beispiele:
 +
 +
{| class="wikitable" style="text-align: left;"
 +
!Bezeichunung
 +
!Code
 +
!Zeichen
 +
|- valign="top"
 +
|Eingeschaltete Option:
 +
|<tt><nowiki>&#x26;#x2611;</nowiki></tt>
 +
|'''&#x2611;'''
 +
|- valign="top"
 +
|Dicker Pfeil:
 +
|<code><nowiki>&#x26;#x21E8;</nowiki></code>
 +
|'''&#x21E8;'''
 +
|- valign="top"
 +
|Copyright-Zeichen
 +
|<code><nowiki>&#x26;copy;</nowiki></code><br>
 +
|&copy;
 +
|- valign="top"
 +
|(R)-Zeichen
 +
|<code><nowiki>&#x26;reg;</nowiki></code><br>
 +
|&reg;
 +
|- valign="top"
 +
|Pfeil rechts
 +
|<code><nowiki>&#x26;rArr;</nowiki></code><br>
 +
|&rArr;
 +
|- valign="top"
 +
|Pfeil runter
 +
|<code><nowiki>&#x26;dArr;</nowiki></code><br>
 +
|&dArr;
 +
|- valign="top"
 +
|Pfeil hoch
 +
|<code><nowiki>&#x26;uArr;</nowiki></code><br>
 +
|&uArr;
 +
|- valign="top"
 +
|Pfeil links
 +
|<code><nowiki>&#x26;lArr;</nowiki></code><br>
 +
|&lArr;
 +
|- valign="top"
 +
|Pfeil wie ENTER-Taste!
 +
|<code><nowiki>&#x26;#x21B2;</nowiki></code><br>
 +
|&#x21B2;
 +
|- valign="top"
 +
|Pfeile wie TAB-Taste!
 +
|<code><nowiki>&#x26;#x21C4;</nowiki></code><br>
 +
|&#x21C4;
 +
|- valign="top"
 +
|Radio-Group-Auswahl
 +
|<code><nowiki>&#x26;#x29BF;</nowiki></code><br>
 +
|&#x29BF;
 +
|- valign="top"
 +
|Check-Box unchecked
 +
|<code><nowiki>&#x26;#x2610;</nowiki></code><br>
 +
|&#x2610;
 +
|- valign="top"
 +
|Check-Box checked mit Abgehakt
 +
|<code><nowiki>&#x26;#x2611;</nowiki></code><br>
 +
|&#x2611;
 +
|- valign="top"
 +
|Check-Box checked mit Kreuz
 +
|<code><nowiki>&#x26;#x2612;</nowiki></code><br>
 +
|&#x2612;
 +
|- valign="top"
 +
|Check, ok
 +
|<code><nowiki>&#x26;#x2713;</nowiki></code><br>
 +
|&#x2713;
 +
|- valign="top"
 +
|Check, ok fett
 +
|<code><nowiki>&#x26;#x2714;</nowiki></code><br>
 +
|&#x2714;
 +
|- valign="top"
 +
|Abbruch X
 +
|<code><nowiki>&#x26;#x2717;</nowiki></code><br>
 +
|&#x2717;
 +
|- valign="top"
 +
|Abbruch fett X
 +
|<code><nowiki>&#x26;#x2718;</nowiki></code><br>
 +
|&#x2718;
 +
|}
 +
 +
&#x21E8;
 +
 +
 +
Unter http://www.nies.ch/doc/entities.de.php?block=71&font=Arial kann man die Zeichensätze ansehen und ggf. herauskopieren.
 +
 +
== 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
 +
|}
 +
 +
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.
  
 
== Tabellen ==
 
== Tabellen ==
Zeile 171: Zeile 302:
 
Der Schluss der Tabelle wird mit den Zeichen "<nowiki>|}</nowiki>" festgelegt.
 
Der Schluss der Tabelle wird mit den Zeichen "<nowiki>|}</nowiki>" festgelegt.
  
'''Beispiel:'''
+
* '''Beispiel:'''
''(Die Style-Angaben in Zelle 1/1 sind optional)''
+
** 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.
  
 
<code><nowiki>{| class="wikitable" style="text-align: left;"</nowiki></code><br>
 
<code><nowiki>{| class="wikitable" style="text-align: left;"</nowiki></code><br>
 
<code><nowiki>!Überschrift 1</nowiki></code><br>
 
<code><nowiki>!Überschrift 1</nowiki></code><br>
 
<code><nowiki>!Überschrift 2</nowiki></code><br>
 
<code><nowiki>!Überschrift 2</nowiki></code><br>
<code><nowiki>|-</nowiki></code><br>
+
<code><nowiki>|- valign="top" </nowiki></code><br>
 
<code><nowiki>|style="width: 80%; background-color: orange;"| Zeile 1 Spalte 1</nowiki></code><br>
 
<code><nowiki>|style="width: 80%; background-color: orange;"| Zeile 1 Spalte 1</nowiki></code><br>
 
<code><nowiki>|Zeile 1 Spalte 2</nowiki></code><br>
 
<code><nowiki>|Zeile 1 Spalte 2</nowiki></code><br>
Zeile 193: Zeile 325:
 
!Überschrift 1
 
!Überschrift 1
 
!Überschrift 2
 
!Überschrift 2
|-
+
|- valign="top"
 
|style="width: 80%; background-color: orange;"|Zeile 1 Spalte 1
 
|style="width: 80%; background-color: orange;"|Zeile 1 Spalte 1
 
|Zeile 1 Spalte 2
 
|Zeile 1 Spalte 2
Zeile 203: Zeile 335:
 
|Zeile 3 Spalte 2
 
|Zeile 3 Spalte 2
 
|}
 
|}
 +
 +
* Die Einstellung <code><nowiki>"|style="width: 30%;"|Text" </nowiki></code> bewirkt, dass eine Spalte eine gewisse Größe einnimmt. Sie wirkt sich aber nur aus, wenn eine der Spalten dieser Zeile '''mindestens soviel''' Text hat, dass die Zeile '''voll''' ist!
  
 
== Links ==
 
== Links ==
Zeile 221: Zeile 355:
  
 
* [[Hilfe: Diskussionsseiten|Diskussionsseiten]]
 
* [[Hilfe: Diskussionsseiten|Diskussionsseiten]]
 +
 +
* [http://www.farb-tabelle.de/de/farbtabelle.htm Eine Farbtabelle sortiert nach Schattierungen]

Aktuelle Version vom 20. November 2012, 20:33 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.

Beispiel:

Text mit fester Laufweite

10 Sonderzeichen

Die Wiki-Software benutzt Unicode! Es kann deshalb der gesamte Unicode-Zeichensatz dargestellt werden.

Beispiele:

Bezeichunung Code Zeichen
Eingeschaltete Option: &#x2611;
Dicker Pfeil: &#x21E8;
Copyright-Zeichen &copy;
©
(R)-Zeichen &reg;
®
Pfeil rechts &rArr;
Pfeil runter &dArr;
Pfeil hoch &uArr;
Pfeil links &lArr;
Pfeil wie ENTER-Taste! &#x21B2;
Pfeile wie TAB-Taste! &#x21C4;
Radio-Group-Auswahl &#x29BF;
⦿
Check-Box unchecked &#x2610;
Check-Box checked mit Abgehakt &#x2611;
Check-Box checked mit Kreuz &#x2612;
Check, ok &#x2713;
Check, ok fett &#x2714;
Abbruch X &#x2717;
Abbruch fett X &#x2718;


Unter http://www.nies.ch/doc/entities.de.php?block=71&font=Arial kann man die Zeichensätze ansehen und ggf. herauskopieren.

11 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.

12 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
  • Die Einstellung "|style="width: 30%;"|Text" bewirkt, dass eine Spalte eine gewisse Größe einnimmt. Sie wirkt sich aber nur aus, wenn eine der Spalten dieser Zeile mindestens soviel Text hat, dass die Zeile voll ist!

13 Links