Zum Inhalt springen

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

← Zum vorherigen Versionsunterschied
VisuellWikitext
Keine Bearbeitungszusammenfassung
 
(14 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
__NOTOC__
{{Seite-Status|status=aktuell|seite=}}{{EN|Demo page for MediaWiki syntax}} __NOTOC__
== Überschriften ==
== Überschriften ==


Zeile 113: Zeile 113:
verwendet werden. Dies
verwendet werden. Dies
       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 class="flex start">
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->
<div style="flex: 1 1 0%; text-align: left"> 
<font color="#008000"><font size="3">Was du schreibst</font></font><br>
<nowiki>X<sup>2</sup> und H<sub>2</sub>O</nowiki>
</div>
<div style="flex: 1 1 0%; text-align: left">
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
X<sup>2</sup> und H<sub>2</sub>O
</div></div>
<div class="flex start">
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->
<div style="flex: 1 1 0%; text-align: left"> 
<font color="#008000"><font size="3">Was du schreibst</font></font><br>
<nowiki><nowiki>'''nicht fett''' [[kein Link]]</nowiki></nowiki>
</div>
<div style="flex: 1 1 0%; text-align: left">
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
<nowiki>'''nicht fett''' [[kein Link]]</nowiki><br>
Mit <code>&lt;nowiki&gt;</code> wird Wiki-Markup deaktiviert und der Text buchstäblich angezeigt.
</div></div>
<div class="flex start">
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->
<div style="flex: 1 1 0%; text-align: left"> 
<font color="#008000"><font size="3">Was du schreibst</font></font><br>
<nowiki><!-- Dies ist ein Kommentar und wird nicht angezeigt --></nowiki><br>
<nowiki>Sichtbarer Text</nowiki>
</div>
<div style="flex: 1 1 0%; text-align: left">
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
<!-- Dies ist ein Kommentar und wird nicht angezeigt -->
Sichtbarer Text<br>
Kommentare sind nur im Quelltext sichtbar.
</div></div>
<div class="flex start">
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->
<div style="flex: 1 1 0%; text-align: left"> 
<font color="#008000"><font size="3">Was du schreibst</font></font><br>
<nowiki>----</nowiki>
</div>
<div style="flex: 1 1 0%; text-align: left">
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
----
Eine horizontale Trennlinie.
</div></div>
</div></div>
----
----
Zeile 189: Zeile 234:
<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>* Man kann Listen</nowiki><br>
<nowiki>*: und Einrückungen</nowiki><br>
<nowiki>*:: sogar mischen</nowiki><br>
<nowiki>*# und verschachteln</nowiki><br>
<nowiki>*#* so wie hier</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
* Man kann Listen
*: und Einrückungen
*:: sogar mischen
*# und verschachteln
*#* so wie hier
</div></div>
</div></div>
----
'''Wichtig !!!''' Alle Sonderzeichen (<nowiki>*,#,:, ;</nowiki>) müssen am Zeilenanfang stehen.
</div>
== Tabellen ==
<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>{| class="wikitable"</nowiki><br>
<nowiki>! Spalte 1 !! Spalte 2 !! Spalte 3</nowiki><br>
<nowiki>|-</nowiki><br>
<nowiki>| Zeile 1, Zelle 1 || Zeile 1, Zelle 2 || Zeile 1, Zelle 3</nowiki><br>
<nowiki>|-</nowiki><br>
<nowiki>| Zeile 2, Zelle 1 || Zeile 2, Zelle 2 || Zeile 2, Zelle 3</nowiki><br>
<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
{| class="wikitable"
! Spalte 1 !! Spalte 2 !! Spalte 3
|-
| Zeile 1, Zelle 1 || Zeile 1, Zelle 2 || Zeile 1, Zelle 3
|-
| Zeile 2, Zelle 1 || Zeile 2, Zelle 2 || Zeile 2, Zelle 3
|}
</div></div>
</div></div>
<div class="flex start">
<!-- —————————— —————————— —————————— flex-subitem —————————— —————————— —————————— -->
<div style="flex: 1 1 0%; text-align: left"> 
<font color="#008000"><font size="3">Was du schreibst</font></font><br>
<nowiki>{| class="wikitable"</nowiki><br>
<nowiki>|+ Tabellenüberschrift</nowiki><br>
<nowiki>! Kopf 1 !! Kopf 2</nowiki><br>
<nowiki>|-</nowiki><br>
<nowiki>| colspan="2" | Zelle über zwei Spalten</nowiki><br>
<nowiki>|-</nowiki><br>
<nowiki>| Zelle 1 || Zelle 2</nowiki><br>
<nowiki>|}</nowiki>
</div>
</div>
 
<div style="flex: 1 1 0%; text-align: left">  
<div style="border: 2px solid rgb(223, 223, 223); margin: 2pt 2px 0pt 0pt; background-color: rgb(245, 245, 245);">
<font color="#008000"><font size="3">Wie es dargestellt wird</font></font><br>
{|width=100%
{| class="wikitable"
|-
|+ Tabellenüberschrift
|style="width:50%;"|<font color="#008000"><font size="3">Was du schreibst</font></font>
! Kopf 1 !! Kopf 2
|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>** Jede Zeile muss mit einem Stern (*) beginnen...</nowiki><br>
<nowiki>*** Mehr Sterne bedeuten tiefere Schachtelung...</nowiki><br>
<nowiki>* Eine neue Zeile</nowiki><br>
<nowiki>* in der Liste</nowiki><br>
beendet die Liste<br>
<nowiki>* Natürlich kann man auch wieder</nowiki><br>
<nowiki>* eine neue Liste beginnen.</nowiki>
|style="vertical-align:top;"|
* Listen sind einfach zu erstellen:
** Jede Zeile muss mit einem Stern (*) beginnen...
*** Mehr Sterne bedeuten tiefere Schachtelung...
* Eine neue Zeile
* in der Liste
beendet die Liste
* Natürlich kann man auch wieder
* eine neue Liste beginnen.
|-
|-
|style="vertical-align:top;"|<br>
| colspan="2" | Zelle über zwei Spalten
|style="vertical-align:top;"|<br>
|-
|style="vertical-align:top;"|
<nowiki># Nummerierte Listen sind auch gut,</nowiki><br>
<nowiki>## genau so übersichtlich</nowiki><br>
<nowiki>## und einfach zu lesen.</nowiki><br>
<nowiki># Eine neue Zeile</nowiki><br>
<nowiki># in der Liste</nowiki><br>
beendet die Liste
<nowiki># Die Nummerierung der nächsten Liste</nowiki><br>
<nowiki># beginnt dann wieder mit 1.</nowiki>
|style="vertical-align:top;"|
# Nummerierte Listen sind auch gut,
## genau so übersichtlich
## und einfach zu lesen.
# Eine neue Zeile
# in der Liste
beendet die Liste
# Die Nummerierung der nächsten Liste
# beginnt dann wieder mit 1.
|-
|style="vertical-align:top;"|<br>
|style="vertical-align:top;"|<br>
|-
|style="vertical-align:top;"|<nowiki>; Definitionsliste: Definition 1</nowiki><br>
<nowiki>: Definition 2</nowiki><br>
<nowiki>: ...</nowiki><br>
<nowiki>; Begriff: Definition des Begriffs</nowiki>
|style="vertical-align:top;"|
; Definitionsliste: Definition 1
: Definition 2
: ...
; Begriff: Definition des Begriffs
|-
|style="vertical-align:top;"|<br>
|style="vertical-align:top;"|<br>
|-
|style="vertical-align:top;"|
<nowiki>* Man kann Listen</nowiki><br>
<nowiki>*: und Einrückungen</nowiki><br>
<nowiki>*:: sogar mischen</nowiki><br>
<nowiki>*# und verschachteln</nowiki><br>
<nowiki>*#* so wie hier</nowiki>
|style="vertical-align:top;"|
* Man kann Listen
*: und Einrückungen
*:: sogar mischen
*# und verschachteln
*#* so wie hier
|-
|style="vertical-align:top;"|<br>
|style="vertical-align:top;"|<br>
|-
|style="vertical-align:top;"|'''Wichtig !!!''' Alle Sonderzeichen (<nowiki>*,#,:, ;</nowiki>) müssen am Zeilenanfang stehen.
|style="vertical-align:top;"|
|-
|-
| Zelle 1 || Zelle 2
|}
|}
</div></div>
----
'''Syntax-Übersicht:''' <code>{|</code> öffnet, <code>|}</code> schließt die Tabelle. <code>|-</code> beginnt eine neue Zeile. <code>!</code> erzeugt eine Kopfzelle, <code>|</code> eine normale Zelle. Mit <code>|+</code> wird eine Tabellenüberschrift gesetzt.
</div>
</div>


Zeile 299: Zeile 311:
<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“