Difference between revisions of "How do I format my contents?"

Revision as of 09:19, 8 September 2006

Wiki syntax and HTML

You can only enter simple text in the edit field of an article. In order to convert this text to properly formatted content when presenting the article, you have to insert structuring and formatting instructions in the text. The text field supports the use of two languages here:

• Wiki's own syntax. This is especially simple and allows even inexperienced authors to create properly structured and formatted text quickly.
• Parts of HTML including CSS. However, you should only use HTML/CSS if the desired objective cannot be achieved with the assistance of Wiki's own syntax.

If you actually need HTML/CSS in the article, you will need knowledge of these languages. We will look primarily at the fundamentals of the Wiki syntax here.

You can use the sandbox to familiarize yourself with the formatting options described below.

Headings and paragraphs

Always split longer articles into a number of sections. Each section is introduced by a section heading. This is how you format a section heading:

== Text of section heading ==

The character sequence == is annotated before and after the text of the section heading. This corresponds to a Level 2 heading. Level 1 headings are reserved for the page heading.

To insert this type of section heading, you can also click the following symbol in the format bar above the edit field:

Depending on the size and complexity, an article may also require subsections or even sub-subsections. These sections are also introduced by a heading and are formatted as follows:

=== Text of subsection heading ===
==== Text of sub-subsection heading ====

You should avoid further hierarchical structuring however.

You do not need any special marking for text paragraphs. Separate the section headings and text sections as well as text paragraphs using a blank line. Example:

== Text of section heading ===
 
This is a text paragraph. The text is wrapped automatically.
 
This is another text paragraph.
 
== This is another section heading ===
 
And another text paragraph

If you want to insert a forced line break at a certain point within a text paragraph, you have to use HTML (more precisely: XHTML). Enter the character sequence at the appropriate point <br />.

Separators can be inserted in order to visually split parts in the running text that do not logically belong together more efficiently. To do this, simply annotate four hyphens in succession in a separate text line:

----

This creates the following effect in the presentation view:

Note however that section headings are underlined as a result and a visual split appears automatically between sections.

Formatting in the text

You can highlight individual words or passages within a text using bold, italics or bold and italics. The relevant markings look as follows:

This is an example of text with ''italic'' writing, '''bold''' writing and '''''bold and italic''''' writing.

To insert this formatting, you can also click the following symbols in the format bar:

= Mark text as bold

= Mark text as italics

For special formats, you will need to use HTML. These are a few meaningful possibilities:

• Use ^Text to mark text as superscript (e.g. 16³)
• Use _Text to mark text as subscript (e.g. S₀)
• Use <u>Text</u> to mark text as underscored (e.g. underscore)
• Use <strike>Text</strike> to mark text as struck-through (e.g. invalid)
• Use <big>Text</big> to mark text as zoomed in (e.g. magnifying glass)
• Use <small>Text</small> to mark text as zoomed out (e.g. bird's eye view)
• Use <tt>Text</tt> to mark text as non-proportional (e.g. code example)

Enumerations and lists

Lists are used to break up text. In addition, they provide structure. There are lists that are used for itemizing points of equal importance and numbered lists that are used for step-by step descriptions.

Enumerations lists are annotated as follows:

* List item
* Another list item
* Yet another list item

Every list item starts in a new line. The first character is an asterisk. The example above produces the following presentation content:

• List item
• Another list item
• Yet another list item

Numbered lists are annotated in a similar way:

# First list item
# Second list item
# Third list item

The example produces the following presentation content:

1. First list item
2. Second list item
3. Third list item

Nested lists are also possible. Example:

* List item
* Another list item
** Sub-item for "Another list item"
** Another sub-item for "Another list item"
* Yet another list item

The same principle applies for numbered lists. Sub-lists always only have simple numbering however. Numbering such as 1.2 or 1.2.1 cannot be automated.

Tabellen

Tabellen sind für tabellarische Daten gedacht, nicht für mehrspaltige Inhalte oder separate Boxen. Aus diesem Grund werden Tabellen in diesem Wiki auch automatisch mit Gitternetzlinien versehen. Das nachfolgende Beispiel zeigt, wie eine Datentabelle mit Wiki-Syntax grundsätzlich erstellt wird:

 {|
 ! Kopfzelle 1. Spalte
 ! Kopfzelle 2. Spalte
 ! Kopfzelle 3. Spalte
 |-
 | Datenzelle 1. Spalte
 | Datenzelle 2. Spalte
 | Datenzelle 3. Spalte
 |}

In der Präsentationsansicht sieht das wie folgt aus:

Die Definition einer Tabelle beginnt in einer neuen Textzeile mit der Zeichenfolge {|. Am Ende wird die Definition der Tabelle mit der Zeichenfolge |} abgeschlossen. Das | ist der Senkrechtstrich.

Jede Tabellenzeile wird in einer neuen Textzeile durch die Zeichenfolge |- eingeleitet.

Um eine Kopfzelle zu definieren, notieren Sie in einer neuen Textzeile zunächst ein Ausrufezeichen und dahinter den gewünschten Zelleninhalt.

Um eine Datenzelle zu definieren, notieren Sie in einer neuen Textzeile zunächst einen Senkrechtstrich und dahinter den gewünschen Zelleninhalt.

Zelleninhalte können neben reinem Text auch Formatierungen, Links, Grafiken usw. enthalten.

Achten Sie darauf, dass Sie in jeder Tabellenzeile für jede Spalte einen Inhalt notieren. Soll ein Zelleninhalt leer bleiben, notieren Sie das beginnende Zeichen (Ausrufezeichen oder Senkrechtstrich), und lassen Sie die Textzeile dahinter leer.

Zellen verbinden

Um Zellen zu verbinden, müssen Sie ein HTML-Attribut einfügen. Nachfolgend ein Beispiel:

 {|
 ! Kopfzelle 1. Spalte
 ! Kopfzelle 2. Spalte
 ! Kopfzelle 3. Spalte
 |-
 | colspan="2" | Datenzelle 1. Zeile 1. und 2. Spalte
 | Datenzelle 1. Zeile 3. Spalte
 |-
 | rowspan="2" | Datenzelle 2. und 3. Zeile 1. Spalte
 | Datenzelle 2. Zeile 2. Spalte
 | Datenzelle 2. Zeile 3. Spalte
 |-
 | Datenzelle 3. Zeile 2. Spalte
 | Datenzelle 3. Zeile 3. Spalte
 |}

In der Präsentationsansicht sieht das so aus:

Mit colspan="2" können Sie eine Zelle innerhalb einer Tabellenzeile über zwei Spalten erstrecken. Natürlich können Sie auch einen höheren Wert als 2 angeben, wenn sich die Zelle über noch mehr Spalten erstrecken soll. Beachten Sie dabei, dass entsprechend weniger übrige Zellen in der entsprechenden Zeile definiert werden dürfen.

Mit rowspan="2" können Sie eine Zelle über Tabellenzeilen hinweg in der gleichen Spalte erstrecken. Natürlich können Sie auch einen höheren Wert als 2 angeben, wenn sich die Zelle über noch mehr Zeilen erstrecken soll. Beachten Sie dabei, dass in den nachfolgenden Tabellenzeilen entsprechend weniger Zellen definiert werden dürfen.

Auch die Kombination von colspan und rowspan in einer Zelle ist erlaubt.

Zellen mit Angaben zu colspan und/oder rowspan beginnen wie normale Zellen mit Senkrechtstrich (Datenzellen) oder Ausrufezeichen (Kopfzellen). Dahinter folgt die Notation des HTML-Attributs. Es folgt ein Senkrechtstrich, und dahinter der Zelleninhalt.

Rahmenlose Tabellen

Um Rahmen um Tabellen und Tabellenzellen zu verhindern, müssen Sie in diesem Wiki sowohl bei der Tabelle als auch bei den Tabellenzellen class="noborder" notieren. Beispiel:

 {| class="noborder" 
 ! class="noborder" | Kopfzelle 1. Spalte
 ! class="noborder" | Kopfzelle 2. Spalte
 ! class="noborder" | Kopfzelle 3. Spalte
 |-
 | class="noborder" | Datenzelle 1. Spalte
 | class="noborder" | Datenzelle 2. Spalte
 | class="noborder" | Datenzelle 3. Spalte
 |}

Das erzeugt folgende Ausgabe in der Präsentationsansicht:

Weitere Formatierungsmöglichkeiten

Lesen Sie innerhalb der Hilfe zu diesem Wiki auch folgende Seiten:

• How do I link to other contents or URLs?
• How do I add images and multimedia?

Ausführliche und systematische Beschreibungen finden Sie außerdem in folgender externen Quelle:

•   Official MediaWiki Handbook

Strukturierte Formatierung, Vorlagen und Standards

Je häufiger ein Artikel mit ähnlichem Inhalt erstellt wird, desto mehr Sinn macht die Verwendung von Vorlagen und Standards, um den Artikeln ein einheitliches Aussehen zu verleihen. Deshalb stellen wir in unserem Wiki einige Vorlagen bereit, um Ihnen das Erstellen solcher Artikel zu erleichtern.

Zur Zeit vorhandene Vorlagen im Namensraum Template (Auswahl):

• Template:TOC: Kurz-Inhaltsverzeichnis
• Template:File-DL: Filedownload-Link
• Template:DefaultTable: Formatierung einer Standard-Tabelle
• Template:FeatureBox Phone: Vorlage für eine Standard-Featureliste
• Template:ProcedureTable: Vorlage für eine Prozedur-Tabelle
• Template:fixme: Kennzeichen zur Erledigung
• Template:stillde: Kennzeichen zur Übersetzung DE > EN
• Template:stillen: Kennzeichen zur Übersetzung EN > DE
• Template:constr: Hinweis für "in Bearbeitung"
• Template:dontchange: Hinweis für "bitte nicht ändern"

Zur Zeit vorhandene Layoutvorschläge im Namensraum Wiki (Auswahl):

• Wiki:Template Phone

Um eine Vorlage in den Artikeltext einzufügen, notieren Sie {{Vorlagenname}}.

Manche Vorlagen erfordern auch Parameter. Weitere Informationen dazu erhalten Sie jeweils auf den Vorlagenseiten.