Hilfe:Textgestaltung: Unterschied zwischen den Versionen

Aus PokéWiki
Zur Navigation springen Zur Suche springen
K (hat „Hilfe:HTML Formatierungen“ nach „Hilfe:Textgestaltung“ verschoben)
(Kompletterneuerung, enthält jetzt doppelt soviele Infos)
Zeile 1: Zeile 1:
{{Hilfenavi}}
{{Hilfenavi}}
Du kannst deine Artikel auch mit HTML-Codes verschönern und übersichtlicher machen. Allerdings raten wir von übermäßiger Verwendung, grellen Farben, usw. in Artikeln ab, da es dann unübersichtlich wird — das gilt natürlich nicht für deine Benutzerseite.
Diese Seite erklärt, wie du in Wiki-Syntax Überschriften, Listen und Absätze erzeugst und Textstellen formatierst.
{| class="prettytable" style="margin-top:1em;"
|+ '''Möglichkeiten zur Formatierung von Artikeln'''<br />und in anderen Namensräumen.
|- class="hintergrundfarbe8"
! width="50%" | Was du schreibst
! width="50%" | Wie es dargestellt wird
|-
|<tt>Normaler Text wird so dargestellt, wie du ihn eingibst. Mit einer Leerzeile<br /><br />erzeugst du einen Absatz.</tt>
|
Normaler Text wird so
dargestellt, wie du ihn eingibst.
Mit einer Leerzeile


== Farben ==
erzeugst du einen Absatz.
Um den Text zu <span style="color:red">färben</span>, benutze:
|-
<nowiki><span style="color:red">TEXT</span></nowiki>
|<tt><nowiki>Ein Zeilenumbruch ohne neuen
Wobei das "red" durch beliebige Farbcodes oder Namen ersetzt werden kann, z. B.:
Absatzbeginn wird durch die Eingabe
* "red"
von </nowiki>''<nowiki><br /></nowiki>''<nowiki> realisiert. <br /> Zur
* "blue"
(sparsamen) Verwendung siehe oben.</nowiki></tt>
* "green"
|Ein Zeilenumbruch ohne neuen Absatzbeginn wird durch die Eingabe von <nowiki><br /></nowiki> realisiert. <br /> Zur (sparsamen) Verwendung siehe oben.
* "white"
|-
Weitere Farbcodes gibt es in der [http://www.homepage-total.de/html/farbnamen.php Online Farbtabelle].
|<tt><nowiki>interner Link: [[Greenchu]]</nowiki></tt>
|interner Link: [[Greenchu]]
|-
|<tt>externer Link:<br /><nowiki>[http://de.wikipedia.org/wiki/Wikipedia:Hauptseite Wikipedia]</nowiki></tt>
|externer Link: [http://de.wikipedia.org/wiki/Wikipedia:Hauptseite Wikipedia]
|-
|<tt><nowiki>''kursiv''</nowiki></tt>
|''kursiv''
|-
|<tt><nowiki>'''fett'''</nowiki></tt>
|'''fett'''
|-
|<tt><nowiki>'''''fett und kursiv'''''</nowiki></tt>
|'''''fett und kursiv'''''
|-
|<tt><nowiki><sup>hochgestellt</sup></nowiki></tt>
|Text <sup>hochgestellt</sup>
|-
|<tt><nowiki><sub>tiefgestellt</sub></nowiki></tt>
|Text <sub>tiefgestellt</sub>
|-
|
<tt><nowiki>== Überschrift Ebene 2 ==</nowiki></tt>


== Größe ==
<tt><nowiki>=== Überschrift Ebene 3 ===</nowiki></tt>
Die <span style="font-size:15px">Größe</span> eines Textes ändert man so:
<nowiki><span style="font-size:größeinpixel">TEXT</span></nowiki>
'''Beispiel:'''
{| cellspacing="10" |
|
<nowiki><span style="font-size:17px">TEXT</span></nowiki>
| ''ergibt'' || <span style="font-size:17px">TEXT</span>
|}


== Formatierungen ==
<tt><nowiki>==== Überschrift Ebene 4 ====</nowiki></tt>
* <u><nowiki><u>unterstrichen</u></nowiki></u>
* <s><nowiki><s>durchgestrichen</s></nowiki></s>
* <sup><nowiki><sup>nach oben versetzt</sup></nowiki></sup>
* <sub><nowiki><sub>nach unten versetzt</sub></nowiki></sub>
* <small><nowiki><small>schmal</small></nowiki></small>


== Schriftarten ==
<tt><nowiki>===== Überschrift Ebene 5 =====</nowiki></tt>
Die <span style="font-family:Times">Schriftart</span> änderst Du mit
<nowiki><span style="font-family:SCHRIFTART">Text</span></nowiki>
'''Beispiel:'''
{| cellspacing="10" |
|
<nowiki><span style="font-family:Times">TEXT</span></nowiki>
| ''ergibt'' || <span style="font-family:Times">TEXT</span>
|}
Häufig genutze Schriftarten: <span style="font-family:Verdana">Verdana</span>, <span style="font-family:Arial">Arial</span>, <span style="font-family:Times New Roman">Times New Roman</span>, <span style="font-family:Helvetica">Helvetica</span>, <span style="font-family:Comic Sans MS">Comic Sans MS</span>.


<span style="white-space:nowrap;"><tt><nowiki>====== Überschrift Ebene 6 ======</nowiki></tt></span>
|
<div style="margin:0 1em 0 1em;">
<h2>Überschrift Ebene 2</h2>


<h3>Überschrift Ebene 3</h3>


<h4>Überschrift Ebene 4</h4>
<h5>Überschrift Ebene 5</h5>
<h6>Überschrift Ebene 6</h6>
</div>
<div style="border:1px solid gray; margin:5px 3px 0px 3px; padding:0 5px 2px 5px; background-color:#EEEEEE">Die Ebene 1 ist für den Seitentitel reserviert und innerhalb von Artikeln unerwünscht.</div>
|-
|<tt><nowiki>
* eins</nowiki><br /><nowiki>
* zwei</nowiki><br /><nowiki>
** zwei-eins</nowiki><br /><nowiki>
** zwei-zwei</nowiki><br /><nowiki>
* drei</nowiki></tt>
|
* eins
* zwei
** zwei-eins
** zwei-zwei
* drei
Es ist zu beachten, dass Leerzeilen zwischen den Aufzählungen auch zu einem semantischen Bruch führen.
|-
|<tt><nowiki>
# eins</nowiki><br /><nowiki>
# zwei</nowiki><br /><nowiki>
## zwei-eins</nowiki><br /><nowiki>
## zwei-zwei</nowiki><br /><nowiki>
# drei</nowiki></tt>
|
# eins
# zwei
## zwei-eins
## zwei-zwei
# drei
|-
|
<tt><nowiki>
; Definitionsliste</nowiki><br /><nowiki>
: Eine Definition</nowiki><br /><nowiki>
: Eine andere Definition</nowiki><br /><nowiki>
; Begriff</nowiki><br /><nowiki>
: Definition des Begriffs
</nowiki></tt>
|
; Definitionsliste
: Eine Definition
: Eine andere Definition
; Begriff: Definition des Begriffs
<div style="border:1px solid gray; margin:5px 3px 0px 3px; padding:0 5px 2px 5px; background-color:#EEEEEE">Definitionslisten können zur Unterscheidung verschiedener Fachbegriffe benutzt werden ([http://de.selfhtml.org/html/text/anzeige/dl_dt_dd.htm Beispiel]). Sie sind '''nicht''' dafür verwendbar, durch das Semikolon Fettschreibung oder Zwischenüberschriften zu erzeugen, da die Auszeichnung vom Stylesheet abhängig ist.</div>
|-
|
<tt><nowiki>
&nbsp;vorformatierter Text</nowiki><br /><nowiki>
&nbsp;&nbsp;mit einem Leerzeichen</nowiki><br /><nowiki>
&nbsp;# am Zeilenanfang
</nowiki></tt>
|
vorformatierter Text
  mit einem Leerzeichen
# am Zeilenanfang
|-
|<tt><nowiki><code>Markiert Text als Quelltext</code></nowiki></tt>
|class="hintergrundfarbe5"|<code>Markiert Text als Quelltext</code>
|-
|<tt><nowiki>
Dies ist ein<!-- unsichtbarer Kommentar-->.
</nowiki></tt>
|Dies ist ein<!-- unsichtbarer Kommentar-->.
|-
|<tt><nowiki>Automatischen Zeilenumbruch
zwischen logisch zusammengehörenden
Elementen verhindern:
geschütztes Leerzeichen („non-breaking space“):
10&amp;nbsp;kg, Dr.&amp;nbsp;Best
oder geschützten Bindestrich
(Unicode-Zeichen Nummer 8209
bzw. (hex) 2011):
Müller&amp;#x2011;Lüdenscheid, Regenhose und
&amp;#8209;jacke
verwenden. </nowiki></tt>
|Automatischen Zeilenumbruch zwischen logisch zusammengehörenden Elementen verhindern:
geschütztes Leerzeichen („non-breaking space“):
10&nbsp;kg, Dr.&nbsp;Best
oder geschützten Bindestrich (Unicode-Zeichen Nummer 8209 bzw. (hex) 2011):
Müller&#x2011;Lüdenscheid, Regenhose und &#8209;jacke
verwenden.
|}
== Formatierungen, die nicht in Artikeln verwendet werden sollten ==
Folgende Formatierungen sollten im Artikelnamensraum nicht verwendet werden, da sie die Leserlichkeit stören (zum Beispiel ''groß'', ''klein'', ''Farben''), unsinnig sind (zum Beispiel ''Durchstreichungen'') oder einen formal-semantisch falschen Code (Missbrauch von Definitionslisten, Einrückungen) erzeugen.
{| class="prettytable" style="margin-top:1em;"
|+ '''Formatierungen, die <span style="color:#e80000;">nicht</span> im Artikelnamensraum verwendet werden sollten
|- class="hintergrundfarbe8"
! width="50%" | Was du nicht schreiben sollst
! width="50%" | Wie es dargestellt wird
|-
|<tt><nowiki>= Überschrift Ebene 1 =</nowiki></tt>
|<h1>Überschrift Ebene 1</h1>
|-
|<tt><nowiki><i>kursiver</i> Text</nowiki></tt>
|<div style="float:right">&nbsp;(siehe <tt><nowiki>''kursiv''</nowiki></tt> oben)</div><i>kursiver</i> Text
|-
|<tt><nowiki><b>fetter</b> Text</nowiki></tt>
|<div style="float:right">&nbsp;(siehe <tt><nowiki>'''fett'''</nowiki></tt> oben)</div><b>fetter</b> Text
|-
|<tt><nowiki><span style="color:red">roter</span> Text</nowiki></tt>
|<span style="color:#e80000;">roter</span> Text
|-
|<tt><nowiki><div align="center">zentriert</div></nowiki></tt> oder <tt><nowiki><center>zentriert</center></nowiki></tt>
|<div align="center">zentriert</div>
|-
|<tt><nowiki><div align="right">rechtsbündig</div></nowiki></tt>
|<div align="right">rechtsbündig</div>
|-
|<tt><nowiki><big>groß</big></nowiki></tt>
|Text <big>groß</big>
|-
|<tt><nowiki><small>klein</small></nowiki></tt>
|Text <small>klein</small>
|-
|<tt><nowiki><s>durchgestrichen</s></nowiki></tt>
|Text <s>durchgestrichen</s>
|-
|<tt><nowiki><u>unterstrichen</u></nowiki></tt>
|Text <u>unterstrichen</u>
|-
|<tt><nowiki><nowiki>keine ''Wiki-[[Syntax]]''</nowiki></nowiki></tt>
|<nowiki>keine ''Wiki-[[Syntax]]''</nowiki>
|-
|<tt><nowiki><div style="text-align:justify;">Blocksatz</div></nowiki></tt>
|<div style="text-align:justify;">Diese Formatierung bewirkt Blocksatz, welcher im Artikelnamensraum nicht erwünscht ist, aber auf Projektseiten evtl. eingesetzt werden kann. An diesem Beispiel zeigen die großen, unvorhersehbaren und wahrscheinlich zum Teil ungleichmäßigen Abstände zwischen den Wörtern den entscheidenden Nachteil von ''Blocksatz in Webseiten''. Siehe auch [[Flattersatz]].</div>
|-
|<tt><nowiki>
Einrückungen mit dem Doppelpunkt sollten</nowiki><br /><nowiki>
: vermieden</nowiki><br /><nowiki>
:: werden,</nowiki><br /><nowiki>
sofern sie nicht mit Definitionslisten benutzt werden.</nowiki><br /><nowiki>
# Gleiches gilt für das Semikolon</nowiki><br /><nowiki>
# und für Einrückungen</nowiki><br /><nowiki>
#: innerhalb von Aufzählungen,</nowiki><br /><nowiki>
# die aber außerhalb des Artikelnamensraumes</nowiki><br /><nowiki>
# sehr nützlich sein können. </nowiki><br /></tt>
|
Einrückungen mit dem Doppelpunkt sollten
: vermieden
:: werden,
sofern sie nicht mit Definitionslisten benutzt werden.<br />
# Gleiches gilt für das Semikolon
# und für Einrückungen
#: innerhalb von Aufzählungen,
# die aber außerhalb des Artikelnamensraumes
# sehr nützlich sein können.
|-
|
<tt>Eine<br />
<nowiki>----</nowiki><br />
Linie</tt>
|
Eine
----
Linie
|}
__NOTOC__


{{Achtung|Achte bitte darauf, nicht zuviel HTML in einen Text hinein zu setzen. Vieles kann man auch mit wikicode machen.<br />Z.B.:<code><nowiki><strong>Text</strong></nowiki></code> ist das selbe wie <code><nowiki>'''Text'''</nowiki></code>}}


[[Kategorie:PokéWiki:Hilfe|{{PAGENAME}}]]
[[Kategorie:PokéWiki:Hilfe|{{PAGENAME}}]]

Version vom 13. Juli 2010, 09:36 Uhr

Hilfeseiten
Allgemein:
Seitengestaltung
Community:
Spezielles:

Diese Seite erklärt, wie du in Wiki-Syntax Überschriften, Listen und Absätze erzeugst und Textstellen formatierst.

Möglichkeiten zur Formatierung von Artikeln
und in anderen Namensräumen.
Was du schreibst Wie es dargestellt wird
Normaler Text wird so dargestellt, wie du ihn eingibst. Mit einer Leerzeile

erzeugst du einen Absatz.

Normaler Text wird so dargestellt, wie du ihn eingibst. Mit einer Leerzeile

erzeugst du einen Absatz.

Ein Zeilenumbruch ohne neuen Absatzbeginn wird durch die Eingabe von <br /> realisiert. <br /> Zur (sparsamen) Verwendung siehe oben. Ein Zeilenumbruch ohne neuen Absatzbeginn wird durch die Eingabe von <br /> realisiert.
Zur (sparsamen) Verwendung siehe oben.
interner Link: [[Greenchu]] interner Link: Greenchu
externer Link:
[http://de.wikipedia.org/wiki/Wikipedia:Hauptseite Wikipedia]
externer Link: Wikipedia
''kursiv'' kursiv
'''fett''' fett
'''''fett und kursiv''''' fett und kursiv
<sup>hochgestellt</sup> Text hochgestellt
<sub>tiefgestellt</sub> Text tiefgestellt

== Überschrift Ebene 2 ==

=== Überschrift Ebene 3 ===

==== Überschrift Ebene 4 ====

===== Überschrift Ebene 5 =====

====== Überschrift Ebene 6 ======

Überschrift Ebene 2

Überschrift Ebene 3

Überschrift Ebene 4

Überschrift Ebene 5
Überschrift Ebene 6
Die Ebene 1 ist für den Seitentitel reserviert und innerhalb von Artikeln unerwünscht.
* eins
* zwei
** zwei-eins
** zwei-zwei
* drei
  • eins
  • zwei
    • zwei-eins
    • zwei-zwei
  • drei

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

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

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

Definitionsliste
Eine Definition
Eine andere Definition
Begriff
Definition des Begriffs
Definitionslisten können zur Unterscheidung verschiedener Fachbegriffe benutzt werden (Beispiel). Sie sind nicht dafür verwendbar, durch das Semikolon Fettschreibung oder Zwischenüberschriften zu erzeugen, da die Auszeichnung vom Stylesheet abhängig ist.

 vorformatierter Text
  mit einem Leerzeichen
 # am Zeilenanfang

vorformatierter Text
  mit einem Leerzeichen
# am Zeilenanfang
<code>Markiert Text als Quelltext</code> Markiert Text als Quelltext
Dies ist ein<!-- unsichtbarer Kommentar-->. Dies ist ein.
Automatischen Zeilenumbruch zwischen logisch zusammengehörenden Elementen verhindern: geschütztes Leerzeichen („non-breaking space“): 10&nbsp;kg, Dr.&nbsp;Best oder geschützten Bindestrich (Unicode-Zeichen Nummer 8209 bzw. (hex) 2011): Müller&#x2011;Lüdenscheid, Regenhose und &#8209;jacke verwenden. Automatischen Zeilenumbruch zwischen logisch zusammengehörenden Elementen verhindern:

geschütztes Leerzeichen („non-breaking space“): 10 kg, Dr. Best oder geschützten Bindestrich (Unicode-Zeichen Nummer 8209 bzw. (hex) 2011): Müller‑Lüdenscheid, Regenhose und ‑jacke verwenden.

Formatierungen, die nicht in Artikeln verwendet werden sollten

Folgende Formatierungen sollten im Artikelnamensraum nicht verwendet werden, da sie die Leserlichkeit stören (zum Beispiel groß, klein, Farben), unsinnig sind (zum Beispiel Durchstreichungen) oder einen formal-semantisch falschen Code (Missbrauch von Definitionslisten, Einrückungen) erzeugen.

Formatierungen, die nicht im Artikelnamensraum verwendet werden sollten
Was du nicht schreiben sollst Wie es dargestellt wird
= Überschrift Ebene 1 =

Überschrift Ebene 1

<i>kursiver</i> Text
 (siehe ''kursiv'' oben)
kursiver Text
<b>fetter</b> Text
 (siehe '''fett''' oben)
fetter Text
<span style="color:red">roter</span> Text roter Text
<div align="center">zentriert</div> oder <center>zentriert</center>
zentriert
<div align="right">rechtsbündig</div>
rechtsbündig
<big>groß</big> Text groß
<small>klein</small> Text klein
<s>durchgestrichen</s> Text durchgestrichen
<u>unterstrichen</u> Text unterstrichen
<nowiki>keine ''Wiki-[[Syntax]]''</nowiki> keine ''Wiki-[[Syntax]]''
<div style="text-align:justify;">Blocksatz</div>
Diese Formatierung bewirkt Blocksatz, welcher im Artikelnamensraum nicht erwünscht ist, aber auf Projektseiten evtl. eingesetzt werden kann. An diesem Beispiel zeigen die großen, unvorhersehbaren und wahrscheinlich zum Teil ungleichmäßigen Abstände zwischen den Wörtern den entscheidenden Nachteil von Blocksatz in Webseiten. Siehe auch Flattersatz.
Einrückungen mit dem Doppelpunkt sollten
: vermieden
:: werden,
sofern sie nicht mit Definitionslisten benutzt werden.
# Gleiches gilt für das Semikolon
# und für Einrückungen
#: innerhalb von Aufzählungen,
# die aber außerhalb des Artikelnamensraumes
# sehr nützlich sein können.

Einrückungen mit dem Doppelpunkt sollten

vermieden
werden,

sofern sie nicht mit Definitionslisten benutzt werden.

  1. Gleiches gilt für das Semikolon
  2. und für Einrückungen
    innerhalb von Aufzählungen,
  3. die aber außerhalb des Artikelnamensraumes
  4. sehr nützlich sein können.

Eine
----
Linie

Eine


Linie