Hilfe:Wiki: Unterschied zwischen den Versionen
(→Weitere Formatierungen) |
(→Weitere Formatierungen) |
||
Zeile 618: | Zeile 618: | ||
|} | |} | ||
+ | |||
+ | ==Bilder== | ||
+ | Normalerweise würdest Du '''erst ein Bild in das Wiki hochladen''' ''bevor'' Du den folgenden Wikitext verwendest, um das Bild im Artikel einzubinden. Alternative zu File: kann auch Datei: verwendet werden. | ||
+ | |||
+ | <div style="border:1px solid #fff; padding-left: 0.5em !important; background-color:transparent; border-width:0 0 0 0.5em; clear:both"> | ||
+ | {|class="wikitable" | ||
+ | |- | ||
+ | |'''Beschreibung''' | ||
+ | |'''Wiki Code''' | ||
+ | |'''Ausgabe''' | ||
+ | |- | ||
+ | |Eingebettetes Bild<br /> (mit alt Text) | ||
+ | | | ||
+ | <code><nowiki>[[File:Example.jpg|Sonnenblumen]]</nowiki></code> | ||
+ | | | ||
+ | [[File:Example.jpg|Sonnenblumen]] | ||
+ | |- | ||
+ | |Link zu einer Bildseite | ||
+ | | | ||
+ | <code><nowiki>[[:File:Example.jpg]]</nowiki></code><br /> | ||
+ | <code><nowiki>[[:File:Example.jpg|Sonnenblumen]]</nowiki></code> | ||
+ | | | ||
+ | [[:File:Example.jpg]]<br /> | ||
+ | [[:File:Example.jpg|Sonnenblumen]] | ||
+ | |- | ||
+ | |direkter Link zur Bilddatei | ||
+ | | | ||
+ | <code><nowiki>[[Media:Example.jpg]]</nowiki></code><br /> | ||
+ | <code><nowiki>[[Media:Example.jpg|Sonnenblumen]]</nowiki></code> | ||
+ | | | ||
+ | [[Media:Example.jpg]]<br /> | ||
+ | [[Media:Example.jpg|Sonnenblumen]] | ||
+ | |- | ||
+ | |Thumbnail<br /> (zentriert, 100 Pixel<br /> breite, mit Beschriftung) | ||
+ | | | ||
+ | <code><nowiki>[[File:Example.jpg|center|thumb|100px|Sonnenblumen]]</nowiki></code> | ||
+ | | | ||
+ | [[File:Example.jpg|center|thumb|100px|Sonnenblumen]] | ||
+ | |} | ||
+ | </div> | ||
+ | |||
+ | Um ein Bild oder eine andere Datei einbinden zu können, die [[Help:Managing files/de|hochgeladen wurde]], verwende: | ||
+ | *<code><nowiki>[[File:Example.jpg]]</nowiki></code> | ||
+ | Wenn du einen Hochstrich (|) und etwas Text nach dem Dateinamen eingibst, wird der Text als alternativer Text für nur Text Browser verwendet. Notwendig ist diese Angabe jedoch auch für ein barrierefreies Internet zum Beispiel für Menschen mit Sehbehinderung. | ||
+ | *<code><nowiki>[[File:Example.jpg|alternative Text]]</nowiki></code> | ||
+ | |||
+ | Falls das Bild nicht angezeigt werden soll, kann ein direkter Link auf die Bildbeschreibungsseite, durch Hinzufügen eines Doppelpunktes, erfolgen. | ||
+ | *<code><nowiki>[[:File:Example.jpg]]</nowiki></code> | ||
+ | Um die Bild Beschreibungsseite zu umgehen und direkt zu der Datei zu verlinken, muss der Pseudo Namespace "Media" verwendet werden. | ||
+ | *<code><nowiki>[[Media:Example.jpg]]</nowiki></code> | ||
+ | Alternativ kann auch ein abweichender Text angezeigt werden. | ||
+ | *<code><nowiki>[[:File:Example.jpg|link text]]</nowiki></code> | ||
+ | *<code><nowiki>[[Media:Example.jpg|link text]]</nowiki></code> | ||
+ | |||
+ | ===erweiterte Optionen=== | ||
+ | Die komplette Syntax um ein Bild anzuzeigen ist: | ||
+ | <code><nowiki>[[File:{name}|{options}]]</nowiki></code> | ||
+ | Optionen müssen nicht gewählt werden. Bei mehreren müssen diese mit vertikalen Strichen getrennt werden: | ||
+ | *<code>thumb</code> oder <code>thumbnail</code>, <code>frame</code>: steuert wie ein Bild formatiert wird | ||
+ | *<code>left</code>, <code>right</code>, <code>center</code>, <code>none</code>: steuert die Ausrichtung eines Bildes auf der Seite | ||
+ | *<code>{width}px</code>: passt die Grösse entsprechend der gegebenen Breite an (Beispiel: <code><nowiki>[[Bild:logo.jpg|80px]])</nowiki></code> | ||
+ | *<code>{caption text}</code> | ||
+ | Die Optionen können in jeder beliebigen Reihenfolge stehen. Wenn eine eingegebene Option nicht mit den aufgeführten übereinstimmt, wird diese als Untertitel verwendet. Untertitel können [[Help:Contents/de | Links]] oder andere [[Help:Formatting/de | Formatierungen]] enthalten. | ||
+ | |||
+ | ===Galerie mit Bildern=== | ||
+ | Es ist recht einfach eine Bildergalerie mit Miniaturansichten zu erstellen. | ||
+ | Die Syntax hierfür lautet: | ||
+ | <code><nowiki> | ||
+ | <gallery> | ||
+ | File:{dateiname}|{Beschreibung} | ||
+ | File:{dateiname}|{Beschreibung} | ||
+ | {...} | ||
+ | </gallery> | ||
+ | </nowiki></code> | ||
+ | |||
+ | Zum Beispiel wird | ||
+ | |||
+ | <nowiki><gallery> | ||
+ | File:Example.jpg|Item 1 | ||
+ | File:Example.jpg|a link to [[Help:Contents]] | ||
+ | File:Example.jpg | ||
+ | File:Example.jpg | ||
+ | File:Example.jpg|''italic caption'' | ||
+ | </gallery></nowiki> | ||
+ | |||
+ | wie folgt ausgegeben: | ||
+ | <gallery> | ||
+ | File:Example.jpg|Item 1 | ||
+ | File:Example.jpg|a link to [[Help:Links]] | ||
+ | File:Example.jpg | ||
+ | File:Example.jpg | ||
+ | File:Example.jpg|''italic caption'' | ||
+ | </gallery> | ||
== Weitere Formatierungen == | == Weitere Formatierungen == | ||
− | |||
* [[Help:Images/de|Bilder]] | * [[Help:Images/de|Bilder]] | ||
* [[Help:Tables/de|Tabellen]] | * [[Help:Tables/de|Tabellen]] | ||
__NOTOC__ | __NOTOC__ |
Version vom 17. Dezember 2012, 20:35 Uhr
Mithilfe eines speziellen Wiki-Markups ist es möglich, Text zu formatieren. Dafür werden normale Zeichen wie Sternchen, einfache Anführungsstriche oder Gleichheitszeichen verwendet. Um ein Wort beispielsweise kursiv zu schreiben, setzt man es in zwei einfache Anführungsstriche. Im Code würde das so aussehen: ''kursiv''
.
Absätze/ Zeilenumbrüche
Mediawiki ignoriert Absätze am Zeilenende. Um einen neuen Absatz zu beginnen, muss man eine leere Zeile einfügen.
Man kann über die Verwendung von HTML-Code einen Zeilenumbruch erzwingen. <br /> |
Textformatierung
Beschreibung | Wiki-Code | Ausgabe | |
---|---|---|---|
überall anwendbar | |||
kursiver Text | ''kursiv'' |
kursiv | |
fetter Text | '''fett''' |
fett | |
fett und kursiv | '''''fett & kursiv''''' |
fett & kursiv | |
Unterbinden des Wiki-Markup | <nowiki>kein ''Markup''</nowiki> |
kein ''Markup'' | |
nur am Beginn einer neuen Zeile anwendbar | |||
Überschriften in verschiedenen Grössen |
=Ebene 1= ==Ebene 2== ===Ebene 3=== ====Ebene 4==== =====Ebene 5===== ======Ebene 6====== |
Ebene 1Ebene 2Ebene 3Ebene 4Ebene 5Ebene 6 | |
Horizontale Linie |
Text ---- Mehr Text |
Text Mehr Text | |
ungeordnete Liste |
* erste Zeile * zweite Zeile * dritte Zeile ** dritte Zeile, erster Unterpunkt ** dritte Zeile, zweiter Unterpunkt |
| |
geordnete Liste |
# erste Zeile # zweite Zeile # dritte Zeile ## dritte Zeile, erster Unterpunkt ## dritte Zeile, zweiter Unterpunkt |
| |
Definitionsliste |
;Definition :Beschreibung 1 :Beschreibung 2 |
| |
Vorformatierter Text |
ein Leerzeichen am Anfang einer Zeile erstellt ein solches Textfeld |
ein Leerzeichen am Anfang einer Zeile erstellt ein solches Textfeld |
|
Vorformatierter Textblock |
<nowiki> Ein Leerzeichen vor dem Tag <nowiki> stellt den Text so dar, wie er getippt wurde. Ideal für Codeblöcke: void power (double d) { return d * d; } </nowiki> |
Ein Leerzeichen vor dem Tag <nowiki> stellt den Text so dar, wie er getippt wurde. Ideal für Codeblöcke: void power (double d) { return d * d; } |
HTML
In MediaWiki sind einige HTML-Tags erlaubt. Zum Beispiel <code>
, <div>
, <span>
und <font>
.
Beschreibung | Wiki-Code | Ausgabe |
---|---|---|
Eingefügt (Gibt einen Unterstrich in den meisten Webbrowsern.) |
<ins>Eingefügt</ins> od. <span style="text-decoration: underline;">Eingefügt</span> |
Eingefügt od. Eingefügt |
Gelöscht (Gibt einen Durchstrich in den meisten Webbrowsern.) |
<del>Gelöscht</del> od. <span style="text-decoration: line-through;">Gelöscht</span> |
od. Gelöscht |
Nicht proportionaler Text | <code>Source code</code> od. <tt>Nicht proportionaler Text</tt> |
oder Nicht proportionaler Text |
Zitieren | text text <blockquote>Zitat</blockquote> text text |
text text
text text |
Kommentar | <!-- Das ist ein Kommentar --> Kommentare kann man nur beim Editieren sehen. |
Kommentare kann man nur beim Editieren sehen. |
Vorformatierter Text | <pre> Der Text ist bereits '''formatiert''' und ''Wiki-Code'' wird nicht beachtet.</pre> |
Der Text ist bereits '''formatiert''' und ''Wiki-Code'' wird nicht beachtet. |
Angepasster vorformatierter Text | <pre style="color:red"> Der Text ist bereits '''formatiert''' und ''Wiki-Code'' wird nicht beachtet. Der Style wird aber genutzt. </pre> |
Der Text ist bereits '''formatiert''' und ''Wiki-Code'' wird nicht beachtet. Der Style wird aber genutzt. |
HTML Symbole
Mit bestimmten HTML Codes lassen sich Sonderzeichen erzeugen. Zum Beispiel erzeugt →
einen Pfeil nach rechts "→
". Die Codes sind in MediaWiki erlaubt, um Zeichen zu erzeugen, die nicht auf der Tastatur vorhanden sind:
- © → ©
- δ → δ
Weiterhin kann man HTML Tags und Symbole darstellen, die normalerweise interpretiert werden:
- &euro; → €
- € → €
- <span style="color:green;">Green</span> → Green
Im Folgenden ein Tabelle aller verfügbaren HTML Symbole.
HTML Symbol Entities | |||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Á | á | Â | â | ´ | Æ | æ | À | à | ℵ | Α | α | & | ∧ | ∠ | Å | å | ≈ | Ã | ã | Ä | ä | „ | Β | β | ¦ | • | ∩ | Ç | ç | ¸ | ¢ |
Χ | χ | ˆ | ♣ | ≅ | © | ↵ | ∪ | ¤ | † | ‡ | ↓ | ⇓ | ° | Δ | δ | ♦ | ÷ | É | é | Ê | ê | È | è | ∅ | Ε | ε | ≡ | Η | η | ||
Ð | ð | Ë | ë | € | ∃ | ƒ | ∀ | ½ | ¼ | ¾ | ⁄ | Γ | γ | ≥ | > | ↔ | ⇔ | ♥ | … | Í | í | Î | î | ¡ | Ì | ì | ℑ | ∞ | ∫ | Ι | ι |
¿ | ∈ | Ï | ï | Κ | κ | Λ | λ | 〈 | « | ← | ⇐ | ⌈ | “ | ≤ | ⌊ | ∗ | ◊ | | ‹ | ‘ | < | ¯ | — | µ | · | − | Μ | μ | ∇ | – | |
≠ | ∋ | ¬ | ∉ | ⊄ | Ñ | ñ | Ν | ν | Ó | ó | Ô | ô | Œ | œ | Ò | ò | ‾ | Ω | ω | Ο | ο | ⊕ | ∨ | ª | º | Ø | ø | Õ | õ | ⊗ | Ö |
ö | ¶ | ∂ | ‰ | ⊥ | Φ | φ | Π | π | ϖ | ± | £ | ′ | ″ | ∏ | ∝ | Ψ | ψ | " | √ | 〉 | » | → | ⇒ | ⌉ | ” | ℜ | ® | ⌋ | Ρ | ρ | |
› | ’ | ‚ | Š | š | ⋅ | § | | Σ | σ | ς | ∼ | ♠ | ⊂ | ⊆ | ∑ | ⊃ | ¹ | ² | ³ | ⊇ | ß | Τ | τ | ∴ | Θ | θ | ϑ | Þ | þ | ˜ | |
× | ™ | Ú | ú | ↑ | ⇑ | Û | û | Ù | ù | ¨ | ϒ | Υ | υ | Ü | ü | ℘ | Ξ | ξ | Ý | ý | ¥ | ÿ | Ÿ | Ζ | ζ | | |
Links
In der MediaWiki gibt es verschiedene Arten von Links. Es gibt interne Links, externe Links zu anderen Webseiten und InterWiki Links in andere Wikis oder andere Sprachbereiche eines Wikis.
Um einen internen Link zu erstellen, muss das zu verlinkende Wort (Wörter) in doppelte eckige Klammern gesetzt werden. Nach dem Speichern des Artikels wird der Link auf der Seite angezeigt. Existiert die verlinkte Seite schon, erscheint der Link in blauer Schrift. Gibt es die Seite nicht, wird der Text in rot dargestellt. Links auf die selben Artikel werden fett dargestellt aber nicht als Link.
Der erste Buchstabe des Links wird automatisch großgeschrieben. Leerzeichen werden in einen Unterstrich (_) umgewandelt. Man kann den Unterstrich auch selbst einsetzen, dieses wird aber nicht empfohlen.
Vorlage:Hl3|Beschreibung | Vorlage:Hl3|Wiki Code | Vorlage:Hl3|Ausgabe |
Interner Link | [[Seitenname]]
|
Seitenname |
Interner Link mit abweichendem Text | [[Seitenname|Beschreibungstext]]
|
Beschreibungstext |
Interner Link mit Sprungmarke (Sprungmarken oder Anker werden automatisch für alle Überschriften und den Seitenanfang #top angelegt) |
[[Help:Links#Internal links|Beschreibung auf Englisch]]
|
Beschreibung auf Englisch |
Externer Link | http://mediawiki.org
|
http://mediawiki.org |
Externer Link mit abweichendem Text | [http://mediawiki.org MediaWiki]
|
MediaWiki |
Externer Link ohne Namen | [http://mediawiki.org]
|
[1] |
Externer Link ohne Namen auf dem gleichen Server | [http://{{SERVERNAME}}/seitenname]
|
[2] |
Interwiki Link | [[Wikipedia:MediaWiki]]
|
Wikipedia:MediaWiki |
Interwiki Link mit abweichendem Text | [[Wikipedia:MediaWiki|Beschreibungstext]]
|
Beschreibungstext |
Interwiki Link (zur deutschsprachigen Wikipedia) | [[Wikipedia:de:MediaWiki]]
|
Wikipedia:de:MediaWiki |
Link zu einer Kategorie | [[:Kategorie:Kategoriename]]
|
Kategorie:Kategoriename |
Link zu einer Kategorie mit abweichendem Text | [[:Kategorie:Kategoriename|Beschreibungstext]]
|
Beschreibungstext |
Interner Link zu einer Bilddatei | [[Bild:Beispiel.jpg]] | Datei:Beispiel.jpg |
Interner Link zu einer Bilddatei mit abweichendem Text | [[Bild:Beispiel.jpg|Beschreibungstext]] | Beschreibungstext |
Interner Link zu einer PDF Datei | [[Media:Beispiel.pdf]] | Media:Beispiel.pdf |
Interner Link zu einer PDF Datei mit abweichendem Text | [[Media:Beispiel.pdf|Beschreibungstext]] | Beschreibungstext |
Umleitung auf eine andere Seite | #REDIRECT [[Hauptseite]]
|
→ Hauptseite |
Bilder
Normalerweise würdest Du erst ein Bild in das Wiki hochladen bevor Du den folgenden Wikitext verwendest, um das Bild im Artikel einzubinden. Alternative zu File: kann auch Datei: verwendet werden.
Beschreibung | Wiki Code | Ausgabe |
Eingebettetes Bild (mit alt Text) |
|
|
Link zu einer Bildseite |
|
|
direkter Link zur Bilddatei |
|
|
Thumbnail (zentriert, 100 Pixel breite, mit Beschriftung) |
|
Um ein Bild oder eine andere Datei einbinden zu können, die hochgeladen wurde, verwende:
[[File:Example.jpg]]
Wenn du einen Hochstrich (|) und etwas Text nach dem Dateinamen eingibst, wird der Text als alternativer Text für nur Text Browser verwendet. Notwendig ist diese Angabe jedoch auch für ein barrierefreies Internet zum Beispiel für Menschen mit Sehbehinderung.
[[File:Example.jpg|alternative Text]]
Falls das Bild nicht angezeigt werden soll, kann ein direkter Link auf die Bildbeschreibungsseite, durch Hinzufügen eines Doppelpunktes, erfolgen.
[[:File:Example.jpg]]
Um die Bild Beschreibungsseite zu umgehen und direkt zu der Datei zu verlinken, muss der Pseudo Namespace "Media" verwendet werden.
[[Media:Example.jpg]]
Alternativ kann auch ein abweichender Text angezeigt werden.
[[:File:Example.jpg|link text]]
[[Media:Example.jpg|link text]]
erweiterte Optionen
Die komplette Syntax um ein Bild anzuzeigen ist:
[[File:{name}|{options}]]
Optionen müssen nicht gewählt werden. Bei mehreren müssen diese mit vertikalen Strichen getrennt werden:
thumb
oderthumbnail
,frame
: steuert wie ein Bild formatiert wirdleft
,right
,center
,none
: steuert die Ausrichtung eines Bildes auf der Seite{width}px
: passt die Grösse entsprechend der gegebenen Breite an (Beispiel:[[Bild:logo.jpg|80px]])
{caption text}
Die Optionen können in jeder beliebigen Reihenfolge stehen. Wenn eine eingegebene Option nicht mit den aufgeführten übereinstimmt, wird diese als Untertitel verwendet. Untertitel können Links oder andere Formatierungen enthalten.
Galerie mit Bildern
Es ist recht einfach eine Bildergalerie mit Miniaturansichten zu erstellen.
Die Syntax hierfür lautet:
<gallery>
File:{dateiname}|{Beschreibung}
File:{dateiname}|{Beschreibung}
{...}
</gallery>
Zum Beispiel wird
<gallery> File:Example.jpg|Item 1 File:Example.jpg|a link to [[Help:Contents]] File:Example.jpg File:Example.jpg File:Example.jpg|''italic caption'' </gallery>
wie folgt ausgegeben:
- Example.jpg
Item 1
- Example.jpg
a link to Help:Links
- Example.jpg
- Example.jpg
- Example.jpg
italic caption
Weitere Formatierungen