Zum Inhalt springen

Demoseite für MediaWiki-Syntax: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied
VisuellWikitext
 
(19 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 114: Zeile 114:
       spart Arbeit und der Code kann im Quelltext ohne Leerzeichen kopiert werden.</pre>
       spart Arbeit und der Code kann im Quelltext ohne Leerzeichen kopiert werden.</pre>
</div></div>
</div></div>
</div>
----
 
Für die Darstellung bestimmter Programmiersprachen siehe [[SyntaxHighlight]].
Für die Darstellung bestimmter Programmiersprachen siehe [[SyntaxHighlight]].
<div style="border: 2px solid rgb(223, 223, 223); margin: 2pt 2px 0pt 0pt; background-color: rgb(245, 245, 245);">
{|width=100%
|-
|style="width:50%;"|<font color="#008000"><font size="3">Was du schreibst</font></font>
|style="width:50%;"|<font color="#008000"><font size="3">Wie es dargestellt wird</font></font>
|-
|style="vertical-align:top;"|
<nowiki>''kursiv''</nowiki> <br/>
<nowiki>'''fett'''</nowiki><br/>
<nowiki>'''''kursiv und fett'''''</nowiki>
|style="vertical-align:top;"|
''kursiv'' <br/>
'''fett'''<br/>
'''''kursiv und fett'''''
|-
|style="vertical-align:top;"|<br>
|style="vertical-align:top;"|<br>
|-
|style="vertical-align:top;"|
<nowiki>Du kannst Wörter so <strike>durchstreichen</strike>
oder auch so <s>durchstreichen</s><br />
und <u>unterstreichen</u>.</nowiki>
|style="vertical-align:top;"|
Du kannst Wörter so <strike>durchstreichen</strike>
oder auch so <s>durchstreichen</s><br />
und <u>unterstreichen</u>.
|-
|style="vertical-align:top;"|<br>
|style="vertical-align:top;"|<br>
|-
|style="vertical-align:top;"|
Ein einzelner Zeilenumbruch<br>
wird ignoriert. <br>
<br>
Aber durch eine leere Zeile wird ein neuer Absatz (mit größerem Zeilenabstand) erzeugt.
|style="vertical-align:top;"|
Ein einzelner Zeilenumbruch
wird ignoriert.
Aber durch eine leere Zeile wird ein neuer Absatz (mit größerem Zeilenabstand) erzeugt.
|-
|style="vertical-align:top;"|<br>
|style="vertical-align:top;"|<br>
|-
|style="vertical-align:top;"|
&nbsp;<nowiki>Wenn eine Zeile mit einem Leerzeichen beginnt, wird sie genau so formatiert</nowiki><br>
&nbsp;&nbsp;&nbsp;&nbsp;<nowiki>wie sie geschrieben wurde.</nowiki><br>
&nbsp;<nowiki>Dabei wird eine Schriftart mit fester Zeichenbreite verwendet. Die</nowiki><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<nowiki>Zeilen werden nicht umbrochen.</nowiki>
Das ist nützlich um:
* vorformatierten Text einzufügen
* Programmcode oder Algorithmen anzuzeigen
* Diagramme mit Zeichen zu gestalten
* einfache Tabellen zu erzeugen
VORSICHT: Wenn du die Zeilen zu lang machst, erzeugst du dadurch eine sehr breite Seite, die schlecht zu lesen ist.
|style="vertical-align:top;"|
Wenn eine Zeile mit einem Leerzeichen beginnt, wird sie genau so formatiert
  wie sie geschrieben wurde.
Dabei wird eine Schriftart mit fester Zeichenbreite verwendet. Die
        Zeilen werden nicht umbrochen.
|-
|style="vertical-align:top;"|
<nowiki><pre></nowiki>
<nowiki>Für längere Abschnitte oder Quellcodes  </nowiki><br>
&nbsp;&nbsp;&nbsp;<nowiki>kann das Tag <pre></nowiki><br>
<nowiki>verwendet werden. Dies</nowiki><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<nowiki>spart Arbeit und der Code kann im Quelltext ohne Leerzeichen kopiert werden.</nowiki>
<nowiki></pre></nowiki>
|style="vertical-align:top;"|
<pre>
Für längere Abschnitte oder Quellcodes
  kann das Tag <nowiki><pre></nowiki>
verwendet werden. Dies
      spart Arbeit und der Code kann im Quelltext ohne Leerzeichen kopiert werden.</pre>
|-
|}
</div>
</div>
Für die Darstellung bestimmter Programmiersprachen siehe [[SyntaxHighlight]].


== Aufzählungen und Listen ==
== Aufzählungen und Listen ==
Zeile 213: Zeile 125:
<div style="flex: 1 1 0%; text-align: left">   
<div style="flex: 1 1 0%; text-align: left">   
<font color="#008000"><font size="3">Was du schreibst</font></font><br>
<font color="#008000"><font size="3">Was du schreibst</font></font><br>
Text
</div>
<div style="flex: 1 1 0%; text-align: left">
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
Text
</div></div>
<div class="flex start">
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->
<div style="flex: 1 1 0%; text-align: left"> 
Text
</div>
<div style="flex: 1 1 0%; text-align: left">
Text
</div></div>
<div class="flex start">
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->
<div style="flex: 1 1 0%; text-align: left"> 
Text
</div>
<div style="flex: 1 1 0%; text-align: left">
Text
</div></div>
<div class="flex start">
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->
<div style="flex: 1 1 0%; text-align: left"> 
Text
</div>
<div style="flex: 1 1 0%; text-align: left">
Text
</div></div>
<div class="flex start">
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->
<div style="flex: 1 1 0%; text-align: left"> 
Text
</div>
<div style="flex: 1 1 0%; text-align: left">
Text
</div></div>
</div>
<div style="border: 2px solid rgb(223, 223, 223); margin: 2pt 2px 0pt 0pt; background-color: rgb(245, 245, 245);">
{|width=100%
|-
|style="width:50%;"|<font color="#008000"><font size="3">Was du schreibst</font></font>
|style="width:50%;"|<font color="#008000"><font size="3">Wie es dargestellt wird</font></font>
|-
|style="vertical-align:top;"|
<nowiki>* Listen sind einfach zu erstellen:</nowiki><br>
<nowiki>* Listen sind einfach zu erstellen:</nowiki><br>
<nowiki>** Jede Zeile muss mit einem Stern (*) beginnen...</nowiki><br>
<nowiki>** Jede Zeile muss mit einem Stern (*) beginnen...</nowiki><br>
Zeile 268: Zeile 133:
<nowiki>* Natürlich kann man auch wieder</nowiki><br>
<nowiki>* Natürlich kann man auch wieder</nowiki><br>
<nowiki>* eine neue Liste beginnen.</nowiki>
<nowiki>* eine neue Liste beginnen.</nowiki>
|style="vertical-align:top;"|
</div>
<div style="flex: 1 1 0%; text-align: left">
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
* Listen sind einfach zu erstellen:
* Listen sind einfach zu erstellen:
** Jede Zeile muss mit einem Stern (*) beginnen...
** Jede Zeile muss mit einem Stern (*) beginnen...
Zeile 277: Zeile 144:
* Natürlich kann man auch wieder
* Natürlich kann man auch wieder
* eine neue Liste beginnen.
* eine neue Liste beginnen.
|-
</div></div>
|style="vertical-align:top;"|<br>
<div class="flex start">
|style="vertical-align:top;"|<br>
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->  
|-
<div style="flex: 1 1 0%; text-align: left"> 
|style="vertical-align:top;"|
<font color="#008000"><font size="3">Was du schreibst</font></font><br>
<nowiki># Nummerierte Listen sind auch gut,</nowiki><br>
<nowiki># Nummerierte Listen sind auch gut,</nowiki><br>
<nowiki>## genau so übersichtlich</nowiki><br>
<nowiki>## genau so übersichtlich</nowiki><br>
Zeile 290: Zeile 157:
<nowiki># Die Nummerierung der nächsten Liste</nowiki><br>
<nowiki># Die Nummerierung der nächsten Liste</nowiki><br>
<nowiki># beginnt dann wieder mit 1.</nowiki>
<nowiki># beginnt dann wieder mit 1.</nowiki>
|style="vertical-align:top;"|
</div>
<div style="flex: 1 1 0%; text-align: left">
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
# Nummerierte Listen sind auch gut,
# Nummerierte Listen sind auch gut,
## genau so übersichtlich
## genau so übersichtlich
Zeile 299: Zeile 168:
# Die Nummerierung der nächsten Liste
# Die Nummerierung der nächsten Liste
# beginnt dann wieder mit 1.
# beginnt dann wieder mit 1.
|-
</div></div>
|style="vertical-align:top;"|<br>
<div class="flex start">
|style="vertical-align:top;"|<br>
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->  
|-
<div style="flex: 1 1 0%; text-align: left"> 
|style="vertical-align:top;"|<nowiki>; Definitionsliste: Definition 1</nowiki><br>
<font color="#008000"><font size="3">Was du schreibst</font></font><br>
<nowiki>; Definitionsliste: Definition 1</nowiki><br>
<nowiki>: Definition 2</nowiki><br>
<nowiki>: Definition 2</nowiki><br>
<nowiki>: ...</nowiki><br>
<nowiki>: ...</nowiki><br>
<nowiki>; Begriff: Definition des Begriffs</nowiki>
<nowiki>; Begriff: Definition des Begriffs</nowiki>
|style="vertical-align:top;"|
</div>
<div style="flex: 1 1 0%; text-align: left">
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
; Definitionsliste: Definition 1
; Definitionsliste: Definition 1
: Definition 2
: Definition 2
: ...
: ...
; Begriff: Definition des Begriffs
; Begriff: Definition des Begriffs
|-
</div></div>
|style="vertical-align:top;"|<br>
<div class="flex start">
|style="vertical-align:top;"|<br>
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->  
|-
<div style="flex: 1 1 0%; text-align: left"> 
|style="vertical-align:top;"|
<font color="#008000"><font size="3">Was du schreibst</font></font><br>
<nowiki>* Man kann Listen</nowiki><br>
<nowiki>* Man kann Listen</nowiki><br>
<nowiki>*: und Einrückungen</nowiki><br>
<nowiki>*: und Einrückungen</nowiki><br>
Zeile 322: Zeile 194:
<nowiki>*# und verschachteln</nowiki><br>
<nowiki>*# und verschachteln</nowiki><br>
<nowiki>*#* so wie hier</nowiki>
<nowiki>*#* so wie hier</nowiki>
|style="vertical-align:top;"|
</div>
<div style="flex: 1 1 0%; text-align: left">
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
* Man kann Listen  
* Man kann Listen  
*: und Einrückungen
*: und Einrückungen
Zeile 328: Zeile 202:
*# und verschachteln
*# und verschachteln
*#* so wie hier
*#* so wie hier
|-
</div></div>
|style="vertical-align:top;"|<br>
----
|style="vertical-align:top;"|<br>
'''Wichtig !!!''' Alle Sonderzeichen (<nowiki>*,#,:, ;</nowiki>) müssen am Zeilenanfang stehen.
|-
|style="vertical-align:top;"|'''Wichtig !!!''' Alle Sonderzeichen (<nowiki>*,#,:, ;</nowiki>) müssen am Zeilenanfang stehen.
|style="vertical-align:top;"|
|-
|}
</div>
</div>


Zeile 345: Zeile 214:
<div style="flex: 1 1 0%; text-align: left">   
<div style="flex: 1 1 0%; text-align: left">   
<font color="#008000"><font size="3">Was du schreibst</font></font><br>
<font color="#008000"><font size="3">Was du schreibst</font></font><br>
Text
<nowiki>[[Hauptseite]]</nowiki>
</div>
</div>
<div style="flex: 1 1 0%; text-align: left">  
<div style="flex: 1 1 0%; text-align: left">  
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
Text
[[Hauptseite]]
</div></div>
</div></div>
<div class="flex start">
<div class="flex start">
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->  
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->  
<div style="flex: 1 1 0%; text-align: left">   
<div style="flex: 1 1 0%; text-align: left">
Text
<font color="#008000"><font size="3">Was du schreibst</font></font><br>   
<nowiki>[[Hauptseite|Mit anderer Beschreibung]]</nowiki>
</div>
</div>
<div style="flex: 1 1 0%; text-align: left">  
<div style="flex: 1 1 0%; text-align: left">  
Text
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
[[Hauptseite|Mit anderer Beschreibung]]
</div></div>
</div></div>
<div class="flex start">
<div class="flex start">
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->  
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->  
<div style="flex: 1 1 0%; text-align: left">   
<div style="flex: 1 1 0%; text-align: left">   
Text
<font color="#008000"><font size="3">Was du schreibst</font></font><br>
<nowiki>[[Hauptseite#Software]]</nowiki>
</div>
</div>
<div style="flex: 1 1 0%; text-align: left">  
<div style="flex: 1 1 0%; text-align: left">  
Text
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
[[Hauptseite#Software]]
</div></div>
</div></div>
<div class="flex start">
<div class="flex start">
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->  
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->  
<div style="flex: 1 1 0%; text-align: left">   
<div style="flex: 1 1 0%; text-align: left">   
Text
<font color="#008000"><font size="3">Was du schreibst</font></font><br>
<nowiki>[[Hauptseite#Software|Gehe zu Hauptseite / Software]]</nowiki>
</div>
</div>
<div style="flex: 1 1 0%; text-align: left">  
<div style="flex: 1 1 0%; text-align: left">  
Text
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
[[Hauptseite#Software|Gehe zu Hauptseite / Software]]
</div></div>
</div></div>
<div class="flex start">
<div class="flex start">
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->  
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->  
<div style="flex: 1 1 0%; text-align: left">   
<div style="flex: 1 1 0%; text-align: left">   
Text
<font color="#008000"><font size="3">Was du schreibst</font></font><br>
<nowiki>#WEITERLEITUNG [[Hauptseite]]</nowiki>
</div>
</div>
<div style="flex: 1 1 0%; text-align: left">  
<div style="flex: 1 1 0%; text-align: left">  
Text
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
Eine Seite mit der Weiterleitung wird automatisch auf die angegeben Seite weitergeleitet.
</div></div>
</div></div>
</div>
<div style="border: 2px solid rgb(223, 223, 223); margin: 2pt 2px 0pt 0pt; background-color: rgb(245, 245, 245);">
{|width=100%
|-
|style="width:50%;"|<font color="#008000"><font size="3">Was du schreibst</font></font>
|style="width:50%;"|<font color="#008000"><font size="3">Wie es dargestellt wird</font></font>
|-
|style="vertical-align:top;"|
<nowiki>[[Hauptseite]]</nowiki>
|style="vertical-align:top;"|
[[Hauptseite]]
|-
|style="vertical-align:top;"|<br>
|style="vertical-align:top;"|<br>
|-
|style="vertical-align:top;"|<nowiki>[[Hauptseite|Mit anderer Beschreibung]]</nowiki>
|style="vertical-align:top;"|[[Hauptseite|Mit anderer Beschreibung]]
|-
|style="vertical-align:top;"|<br>
|style="vertical-align:top;"|<br>
|-
|style="vertical-align:top;"|<nowiki>[[Hauptseite#Software]]</nowiki>
|style="vertical-align:top;"|[[Hauptseite#Software]]
|-
|style="vertical-align:top;"|<br>
|style="vertical-align:top;"|<br>
|-
|style="vertical-align:top;"|<nowiki>[[Hauptseite#Software|Gehe zu Hauptseite / Software]]</nowiki>
|style="vertical-align:top;"|[[Hauptseite#Software|Gehe zu Hauptseite / Software]]
|-
|style="vertical-align:top;"|<br>
|style="vertical-align:top;"|<br>
|-
|style="vertical-align:top;"|<nowiki>#WEITERLEITUNG [[Hauptseite]]</nowiki>
|style="vertical-align:top;"|Eine Seite mit der Weiterleitung wird automatisch auf die angegeben Seite weitergeleitet.
|-
|style="vertical-align:top;"|<br>
|style="vertical-align:top;"|<br>
|-
|style="vertical-align:top;"|<nowiki>~~~</nowiki>
|style="vertical-align:top;"|[[Benutzer:MKastl|MKastl]] ([[Benutzer Diskussion:MKastl|Diskussion]]) Signatur wird eingefügt (Benutzer und Diskussionsseite werden verlinkt)
|-
|style="vertical-align:top;"|<br>
|style="vertical-align:top;"|<br>
|-
|style="vertical-align:top;"|<nowiki>~~~~</nowiki>
|style="vertical-align:top;"|[[Benutzer:MKastl|MKastl]] ([[Benutzer Diskussion:MKastl|Diskussion]]) 10:02, 2. Mär. 2014 (CET) Signatur und Zeitstempel werden eingefügt (Benutzer und Diskussionsseite werden verlinkt)
|-
|}
</div>
== Externe Links ==
<div class="container mediawiki">
<div class="flex start">
<div class="flex start">
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->  
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->  
<div style="flex: 1 1 0%; text-align: left">   
<div style="flex: 1 1 0%; text-align: left">   
<font color="#008000"><font size="3">Was du schreibst</font></font><br>
<font color="#008000"><font size="3">Was du schreibst</font></font><br>
Text
<nowiki>~~~</nowiki>
</div>
</div>
<div style="flex: 1 1 0%; text-align: left">  
<div style="flex: 1 1 0%; text-align: left">  
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
Text
[[Benutzer:MKastl|MKastl]] ([[Benutzer Diskussion:MKastl|Diskussion]])<br>
Signatur wird eingefügt (Benutzer und Diskussionsseite werden verlinkt)
</div></div>
</div></div>
<div class="flex start">
<div class="flex start">
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->  
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->  
<div style="flex: 1 1 0%; text-align: left">   
<div style="flex: 1 1 0%; text-align: left">   
Text
<font color="#008000"><font size="3">Was du schreibst</font></font><br>
<nowiki>~~~~</nowiki>
</div>
</div>
<div style="flex: 1 1 0%; text-align: left">  
<div style="flex: 1 1 0%; text-align: left">  
Text
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
[[Benutzer:MKastl|MKastl]] ([[Benutzer Diskussion:MKastl|Diskussion]]) 15:31, 11. Nov. 2019 (CET)<br>
Signatur und Zeitstempel werden eingefügt (Benutzer und Diskussionsseite werden verlinkt)
</div></div>
</div></div>
<div class="flex start">
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->
<div style="flex: 1 1 0%; text-align: left"> 
Text
</div>
</div>
<div style="flex: 1 1 0%; text-align: left">
 
Text
== Externe Links ==
</div></div>
 
<div class="container mediawiki">
<div class="flex start">
<div class="flex start">
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->  
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->  
<div style="flex: 1 1 0%; text-align: left">   
<div style="flex: 1 1 0%; text-align: left">   
Text
<font color="#008000"><font size="3">Was du schreibst</font></font><br>
<nowiki>[http://ibkastl.de]</nowiki>
</div>
</div>
<div style="flex: 1 1 0%; text-align: left">  
<div style="flex: 1 1 0%; text-align: left">  
Text
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
[http://ibkastl.de]
</div></div>
</div></div>
<div class="flex start">
<div class="flex start">
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->  
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->  
<div style="flex: 1 1 0%; text-align: left">   
<div style="flex: 1 1 0%; text-align: left">   
Text
<nowiki>[http://ibkastl.de ibkastl.de]</nowiki>
</div>
</div>
<div style="flex: 1 1 0%; text-align: left">  
<div style="flex: 1 1 0%; text-align: left">  
Text
[http://ibkastl.de ibkastl.de]
</div></div>
</div></div>
</div>
<div style="border: 2px solid rgb(223, 223, 223); margin: 2pt 2px 0pt 0pt; background-color: rgb(245, 245, 245);">
{|width=100%
|-
|style="width:50%;"|<font color="#008000"><font size="3">Was du schreibst</font></font>
|style="width:50%;"|<font color="#008000"><font size="3">Wie es dargestellt wird</font></font>
|-
|style="vertical-align:top;"|<nowiki>[http://ibkastl.de]</nowiki>
|style="vertical-align:top;"|[http://ibkastl.de]
|-
|style="vertical-align:top;"|<br>
|style="vertical-align:top;"|<br>
|-
|style="vertical-align:top;"|<nowiki>[http://ibkastl.de ibkastl.de]</nowiki>
|style="vertical-align:top;"|[http://ibkastl.de ibkastl.de]
|-
|}
</div>
</div>


Abgerufen von „https://wiki.ibkastl.de/view/Demoseite_für_MediaWiki-Syntax“