Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- dokuwiki_cheatsheet [2020/02/18 06:31]
tfischer
+++ dokuwiki_cheatsheet [2024/04/07 15:13] (aktuell)
mexleadmin
@@ Zeile 1: / Zeile 1: @@
-<WRAP noprint>
-====== DokuWiki CheatSheet ======
-Bitte die Datei per "Export to PDF" (Icon rechts) ausdrucken!
-</WRAP>
 <WRAP onlyprint>
 ~~PDF:LANDSCAPE~~
@@ Zeile 94: / Zeile 88: @@
 **Code** \\
 <fs xx-small>
-''%%<code C [enable_line_numbers=1, start_line_numbers_at=42] main.cpp>%%'' \\
+''%%<sxh c; first-line: 1>%%'' \\
 ''%%void main () {%%'' \\
 ''%%printf ("Hello World!");%%'' \\
 ''%%exit 0; }%%'' \\
-''%%</code>%%''
+''%%</sxh>%%''
 </fs>
@@ Zeile 113: / Zeile 107: @@
 >> <fs xx-small>Und sie sagte</fs>
 \\
-<code C [enable_line_numbers=1, start_line_numbers_at=42]>void main () {
+<sxh c; first-line: 1>void main () {
 printf ("Hello World!");
-exit 0;}</code>
+exit 0;}</sxh>
 </WRAP></WRAP>
 ** Fußnoten ** \\
@@ Zeile 132: / Zeile 126: @@
 Bild mit bestimmter Breite und Höhe: ''%%{{wiki:image.png?200x50}}%%'' \\
 externes Bild mit bestimmter Breite und Höhe: ''%%{{http://url/image.png?200x50}}%%'' \\
-Linksbündig: ''%%{{ wiki:image.png}}%%'' \\
+Rechtsbündig: ''%%{{ wiki:image.png}}%%'' \\
-Rechtsbündig: ''%%{{wiki:image.png }}%%'' \\
+Linksbündig: ''%%{{wiki:image.png }}%%'' \\
 Zentriert: ''%%{{ wiki:image.png }}%%'' \\
-mit Bildunterschrift: ''%%{{wiki:image.png|Bildunterschrift}}%%'' \\
+mit Tooltip: ''%%{{wiki:image.png|Tooltip Text}}%%'' \\
 </fs>
@@ Zeile 160: / Zeile 154: @@
 <wrap box>''ALT + B''</wrap> markierten Text **fett (bold)** stellen\\
 <wrap box>''ALT + U''</wrap> markierten Text __unterstreichen__\\
-<wrap box>''ALT + M''</wrap> markierten Text auf ''festbreite (monospaced)'' stellen\\
+<wrap box>''ALT + M''</wrap> markierten Text auf ''Festbreite (monospaced)'' stellen\\
 <wrap box>''ALT + L''</wrap> Link-Einfüge-Assistent öffnen\\
 <wrap box>''ALT + 1''</wrap> bis <wrap box>''ALT + 5''</wrap>  markierten Text als Überschrift der Ebene 1-5 \\
@@ Zeile 167: / Zeile 161: @@
 **weitere Plugins** \\
 <fs xx-small>
-[[https://www.dokuwiki.org/plugin:wrap|WRAP]]: Erstellt Spalten, Boxen etc.  \\
+[[https://www.dokuwiki.org/plugin:wrap|WRAP]]: Erstellt Spalten, Boxen etc. ([[https://sync.einsatzleiterwiki.de/doku.php?id=wiki:hilfe:plugins:standard:wrap|Deutsche Erklärung]])  \\
 [[https://www.dokuwiki.org/plugin:wavedrom|WaveDrom]]: Erstellt Signalverläufe  \\
 [[https://www.dokuwiki.org/plugin:a2s|A2S]]: Konvertiert ASCII-Bilder in SVG  \\
 [[https://www.dokuwiki.org/plugin:plantumlparser|PlantUMLparser]]: Erstellt UML-Diagramme \\
 [[https://www.dokuwiki.org/plugin:latex|LaTeX]]: Wandelt <nowiki>$ a + b = c $</nowiki> in LaTeX um (z.Zt. nur im Browser) \\
-[[https://www.dokuwiki.org/plugin:outliner|Outliner]]: Ermöglicht ausklappbare Boxen </fs>
+[[https://www.dokuwiki.org/plugin:folded|folded]]: Ermöglicht ausklappbare Boxen </fs>
 </WRAP></WRAP>
 </WRAP>
+<WRAP noprint>
+====== DokuWiki CheatSheet ======
+<WRAP important>Bitte die Datei per "Export to PDF" (Icon rechts) ausdrucken!
+</WRAP>
+----
+=====Textformatierung=====
+<WRAP group><WRAP column 32%>
+''%%**fett**%%'' \\
+''%%//kursiv//%%'' \\
+''%%__unterstrichen__%%'' \\
+''%%''Festbreitenschrift''%%'' \\
+''%%<sub>tiefgestellt</sub>%%'' \\
+''%%<sup>hochgestellt</sup>%%'' \\
+''%%<del>durchgestrichen</del>%%'' \\
+''<nowiki>%%Text ohne Parsing %%</nowiki>'' \\
+''<nowiki>''%%Code-Text%%''</nowiki>'' \\
+''%%<fc #ff0000>Rot</fc>%%'' \\
+''%%<<, >>, <->, <=>, =>, <=%%'' \\
+''<nowiki>%%$%%</nowiki>, <nowiki>%%-->%%</nowiki>'' \\
+Neue Zeile: ''%%\\%%'' \\
+Trennlinie: ''%%----%%''
+</WRAP><WRAP column 60%>
+**fett** \\
+//kursiv//  \\
+__unterstrichen__  \\
+''Festbreitenschrift''  \\
+<sub>tiefgestellt</sub>(nbsp)  \\
+<sup>hochgestellt</sup>(nbsp)\\
+<del>durchgestrichen</del>  \\
+%%Text ohne Parsing %% \\
+''%%Code-Text%%'' \\
+<fc #ff0000>Rot</fc> \\
+Sonderzeichen: <<, >>, <->, <=>, =>, <= \\
+(keine) Sonderzeichen %%$%%, %%-->%% \\
+\\
+----
+</WRAP></WRAP>
+----
+===== Überschriften =====
+//Zum Ausblenden des Inhaltsverzeichnis auf der Seite ''%%~~NOTOC~~%%'' eingefügen.//  \\
+<fs xx-large>**%%====== Ebene 1 ======%%**</fs> \\
+<fs x-large>**%%===== Ebene 2 =====%%**</fs> \\
+<fs large>**%%==== Ebene 3 ====%%**</fs> \\
+**%%=== Ebene 4 ===%%** \\
+<fs small>**%%== Ebene 5 ==%%**</fs> \\
+----
+===== Interne Links =====
+<WRAP group><WRAP column 50%>
+DokuWiki Seite: ''%%[[Seite]]%%'' \\
+DokuWiki Seite mit Bezeichnung: ''%%[[Seite|Name der Seite]]%%'' \\
+DokuWiki Seite in bestimmten Namespace: ''%%[[namespace:Seite]]%%'' \\
+Link zu bestimmtem Unterkapitel: ''%%[[Seite#Kapitel|Name]]%%'' \\
+</WRAP><WRAP column 45%>
+[[dokuwiki_cheatsheet]] \\
+[[dokuwiki_cheatsheet|Cheatsheet des Dokuwikis]] \\
+[[mexle:start]] \\
+[[dokuwiki_cheatsheet#Interne_Links|Cheatsheet des Dokuwikis, Kapitel Interne Links]] \\
+</WRAP>
+----
+=====  Externe Links =====
+//DokuWiki erkennt Links zu externen URLs automatisch//
+<WRAP group><WRAP column 60%>
+Link mit Bezeichnung: ''%%[[https://hs-heilbronn.de/|HHN]]%%'' \\
+Email Adresse: ''%%<[email protected]>%%'' \\
+Link zu einer Wikipedia Seite: ''%%[[wp>pagename]]%%'' \\
+Link zu einer Google Suche: ''%%[[google>pagename]]%%'' \\
+Link mit Bild: \\ ''%%[[https://hs-heilbronn.de/|{{HHN_logo_full.jpg?100|zur Hochschule}}]]%%'' \\ \\
+Einbinden von Youtubevideos: ''%%{{youtube>Ljj_L2J3ODk?start=7}}%%''
+</WRAP><WRAP column 35%>
+[[https://hs-heilbronn.de/|HHN]] \\
+<[email protected]> \\
+[[wp>Heilbronn]] \\
+[[google>Hochschule Heilbronn]] \\
+[[https://hs-heilbronn.de/|{{HHN_logo_full.jpg?150x50|zur Hochschule}}]] \\
+{{youtube>Ljj_L2J3ODk?start=7}}
+</WRAP>
+----
+=====  Listen =====
+//Wird einem Text zwei Leerzeichen und ein Sternchen vorangefügt, so wird dieser in eine **ungeordnete Liste** umgewandelt. Für eine **geordnete Liste** ist statt dem Sternchen eine Minus Zeichen zu verwenden. Nach einem Zeilenumbruch im Editor kann durch weitere Druck auf die Leertaste ein Listenpunkt in Ebene 2 erstellt werden.//
+==== Ungeordnete Liste ====
+<WRAP group><WRAP column 30%>
+(nbsp)(nbsp)''%%* Listenpunkt Ebene 1%%'' \\
+(nbsp)(nbsp)(nbsp)(nbsp)''%%* Listenpunkt Ebene 2%%'' \\
+(nbsp)(nbsp)''%%* Listenpunkt Ebene 1%%''
+~~CLEARFIX~~
+</WRAP><WRAP column 55%>
+  * Listenpunkt Ebene 1
+    * Listenpunkt Ebene 2
+  * Listenpunkt Ebene 1
+</WRAP></WRAP>
+====Geordnete Liste ====
+<WRAP group><WRAP column 30%>
+(nbsp)(nbsp)''%%- Listenpunkt Ebene 1%%'' \\
+(nbsp)(nbsp)(nbsp)(nbsp)''%%- Listenpunkt Ebene 2%%'' \\
+(nbsp)(nbsp)''%%- Listenpunkt Ebene 1%%'' \\
+</WRAP><WRAP column 55%>
+  - Listenpunkt Ebene 1
+    - Listenpunkt Ebene 2
+  - Listenpunkt Ebene 1
+</WRAP>
+----
+~~CLEARFIX~~
+===== Zitate=====
+<WRAP group><WRAP column 30%>
+''%%> Und er sagte %%'' \\
+''%%>> Und sie sagte %%'' \\
+</WRAP><WRAP column 55%>
+> Und er sagte
+>> Und sie sagte
+</WRAP>
+~~CLEARFIX~~
+===== Code =====
+<WRAP group><WRAP column 30%>
+''%%<sxh c; first-line: 1>%%'' \\
+''%%void main () {%%'' \\
+''%%printf ("Hello World!");%%'' \\
+''%%exit 0; }%%'' \\
+''%%</sxh>%%''
+</WRAP><WRAP column 55%>
+<sxh c; first-line: 1>void main () {
+printf ("Hello World!");
+exit 0;}</sxh>
+</WRAP></WRAP>
+----
+=====  Fußnoten =====
+//Einfache Fußnoten sind über Text in doppelten Klammern zu erstellen. Im MexleWiki zusätzlich das Plugin [[https://www.dokuwiki.org/plugin:refnotes|RefNotes]] genutzt.// \\ ''%%[(Note1>Das wäre dann eine Fußnote)]%%''.[(Note1>Das wäre dann eine Fußnote)] \\ //Diese kann auch erneut genutzt werden //''%%[(Note1)]%%''. [(Note1)] \\ \\
+~~REFNOTES~~
+----
+===== Bilder =====
+<WRAP group><WRAP column 65%>
+Bild in Originalgröße:  ''%%{{mexle_logo_small.jpg}}%%'' \\ \\ \\ \\ \\ \\ \\
+Bild mit bestimmter Breite: ''%%{{mexle_logo_small.jpg?50}}%%'' \\ \\ \\
+Bild mit bestimmter Breite und Höhe:  ''%%{{mexle_logo_small.jpg?200x50}}%%'' \\
+externes Bild: \\ ''%%{{https://upload.wikimedia.org/wikipedia/commons/thumb/1/19/Logo_HHN.png/400px-Logo_HHN.png}}%%'' \\ \\ \\ \\ \\
+Rechtsbündig:  ''%%{{ mexle_logo_small.jpg}}%%'' \\ \\ \\ \\ \\ \\
+Linksbündig:  ''%%{{mexle_logo_small.jpg }}%%'' \\ \\ \\ \\ \\ \\ \\
+Zentriert:  ''%%{{ mexle_logo_small.jpg }}%%'' \\ \\ \\ \\ \\ \\ \\
+mit Tooltip:  ''%%{{mexle_logo_small.jpg|MEXLE}}%%''
+</WRAP><WRAP column 30%>
+{{mexle_logo_small.jpg}} \\
+{{mexle_logo_small.jpg?50}} \\
+{{mexle_logo_small.jpg?200x50}} \\
+{{https://upload.wikimedia.org/wikipedia/commons/thumb/1/19/Logo_HHN.png/400px-Logo_HHN.png}} \\
+{{ mexle_logo_small.jpg}} \\ \\ \\ \\ \\ \\ \\
+{{mexle_logo_small.jpg }} \\ \\ \\ \\ \\ \\ \\
+{{ mexle_logo_small.jpg }}
+{{mexle_logo_small.jpg|MEXLE}}
+</WRAP>
+----
+=====Tabellen =====
+//Zellen starten mit einem Zirkumflex (%%^%%) oder einem senkrechten Strich (%%|%%). Das Zirkumflex zeigt an, dass es sich um eine Überschrift handelt.// \\ \\
+<WRAP group><WRAP column 40%>
+''%%^ Überschrift1   ^ Überschrift2   ^ %%'' \\
+''%%| Zeile1 Spalte1 | Zeile1 Spalte2 | %%'' \\
+''%%| verbundene Zelle               || %%'' \\
+''%%| Zeile3 Spalte1 | Zeile3 Spalte2 |%%''
+</WRAP><WRAP column 55%>
+^ Überschrift1   ^ Überschrift2   ^  \\
+| Zeile1 Spalte1 | Zeile1 Spalte2 |  \\
+| verbundene Zelle               ||  \\
+| Zeile3 Spalte1 | Zeile3 Spalte2 |
+</WRAP>
+\\ \\
+// In diesem Wiki wird das Plugin [[http://www.dokuwiki.org/plugin:edittable|edittable]] verwendet. Für angemeldete User wird dann unter jeder Tabelle im Wiki ein Edit-Reiter angezeigt, der Änderungen erleichtert. //
+----
+===== Tastenkürzel im DW-Editor=====
+//Auf dem Mac muss statt ''Ctrl'' statt ''ALT'' gedrückt werden. \\ In Chrome und Firefox muss ''ALT+↑'' statt ''ALT'' gedrückt werden. // \\
+<wrap box>''Strg + Z''</wrap> Undo\\
+<wrap box>''Strg + Y''</wrap> Redo\\
+<wrap box>''ALT + S''</wrap> Änderungen speichern\\
+<wrap box>''ALT + P''</wrap> Vorschau (Preview)\\
+<wrap box>''ALT + D''</wrap> markierten Text <del>durchstreichen</del>\\
+<wrap box>''ALT + I''</wrap> markierten Text //kursiv (italic)// stellen\\
+<wrap box>''ALT + B''</wrap> markierten Text **fett (bold)** stellen\\
+<wrap box>''ALT + U''</wrap> markierten Text __unterstreichen__\\
+<wrap box>''ALT + M''</wrap> markierten Text auf ''Festbreite (monospaced)'' stellen\\
+<wrap box>''ALT + L''</wrap> Link-Einfüge-Assistent öffnen\\
+<wrap box>''ALT + 1''</wrap> bis <wrap box>''ALT + 5''</wrap>  markierten Text als Überschrift der Ebene 1-5 \\
+----
+=====weitere Plugins=====
+<WRAP group><WRAP column 45%>
+[[https://www.dokuwiki.org/plugin:wrap|Wrap]]: Erstellt Spalten, Boxen etc. ([[https://sync.einsatzleiterwiki.de/doku.php?id=wiki:hilfe:plugins:standard:wrap|Deutsche Erklärung]])
+<sxh xml>
+<WRAP box Caution 500px right>
+//**__Äußerer gelber "Achtung"kasten, rechts positioniert und links umflossen__**//
+<WRAP 150px left>
+Innerer, verschachtelter Kasten links positioniert und rechts umflossen. <wrap spoiler>Dieser Text</wrap> wird erst nach Markieren mit der Maus sichtbar.
+</WRAP>
+Text im äußeren, rechts positionierten Kasten, aber nach dem inneren, links positionierten Kasten.
+Auch <wrap em hi>Hervorhebungen</wrap> sind möglich.
+<WRAP round Alert>
+Runder "Alert"-Kasten.
+</WRAP>
+</sxh>
+</WRAP><WRAP column 50%>
+<WRAP box Caution 500px right>
+//**__Äußerer gelber "Achtung"kasten, rechts positioniert und links umflossen__**//
+<WRAP 150px left>
+Innerer, verschachtelter Kasten links positioniert und rechts umflossen. <wrap spoiler>Dieser Text</wrap> wird erst nach Markieren mit der Maus sichtbar.
+</WRAP>
+Text im äußeren, rechts positionierten Kasten, aber nach dem inneren, links positionierten Kasten.
+Auch <wrap em hi>Hervorhebungen</wrap> sind möglich.
+<WRAP round Alert>
+Runder "Alert"-Kasten.
+</WRAP>
+</WRAP>
+</WRAP>~~CLEARFIX~~<WRAP group><WRAP column 45%>
+[[https://www.dokuwiki.org/plugin:wavedrom|WaveDrom]]: Erstellt Signalverläufe ([[https://wavedrom.com/editor.html|Online-Editor]] vorhanden) \\
+<sxh xml>
+<wavedrom> {signal: [
+{name: 'SDA', wave: '104|43101',
+               node: '.a.........d',
+ data: ['D7 . . . . D1', 'D0', 'ACK'],
+ phase: -0.6},
+{name: 'SCL', wave: '10p.|p....'},
+]} </wavedrom>
+</sxh>
+</WRAP><WRAP column 50%>
+\\ \\ <wavedrom> {signal: [
+{name: 'SDA', wave: '104|43101',
+               node: '.a.........d',
+ data: ['D7 . . . . D1', 'D0', 'ACK'],
+ phase: -0.6},
+{name: 'SCL', wave: '10p.|p....'},
+]} </wavedrom>
+</WRAP>~~CLEARFIX~~<WRAP group><WRAP column 45%>
+[[https://www.dokuwiki.org/plugin:a2s|A2S]]: Konvertiert ASCII-Bilder in SVG \\
+<sxh xml>
+<a2s>
+.---+--. .---+-. .------.
+| MMC  | | MMC | |Power |
+| 32U4 | |328PB| |Supply|
+'-+-+--' '--+--' '-+----'
+  ^ |     ^ |      |
+  | :     | :      :
+  v |     v |      |
+.---+-------+------+-.
+|[BB]Modulträger 3×2 |
+'--------------------'
+[BB]: {"a2s:link":"[[:start|The start page]]", "fill":"#88d","a2s:delref":true} </a2s>
+</sxh>
+</WRAP><WRAP column 50%>
+\\ \\ <a2s>
+.---+--. .---+-. .------.
+| MMC  | | MMC | |Power |
+| 32U4 | |328PB| |Supply|
+'-+-+--' '--+--' '-+----'
+  ^ |     ^ |      |
+  | :     | :      :
+  v |     v |      |
+.---+-------+------+--.
+|[BB] Modulträger 3×2 |
+'---------------------'
+[BB]: {"a2s:link":"[[:start|The start page]]", "fill":"#88d","a2s:delref":true} </a2s>
+</WRAP>~~CLEARFIX~~<WRAP group><WRAP column 45%>
+[[https://www.dokuwiki.org/plugin:plantumlparser|PlantUMLparser]]: Erstellt UML-Diagramme  ([[http://www.plantuml.com/plantuml/umla/bT9FIyGm40NmUpx5syiUXC3kLL3GtOFWtZnu40cfH0bf4x2fftvufq4fmHUAfzBE_FecVrHmFZhpc8PXYZxOx5F4DRGws-oYdSOFsxcZV2dldS-umR4g7khYGQcNgrTeVGlsQvedlU1px9vE5yopFCztd8fzjfyIR-pqRavzUWlcaeGkSh-7G2ZM8P3ADLGebqBlVHvDxyQb5hB_0h1cxaeeQn7PffJm5JxutpaLgmdvln5KdolmTrLGh4VejkMqlPbbr3RY5sR9QUz9VQdh6NyeQz6ILrj2kTmuF6xQEr96_0O0|Online-Editor]] vorhanden)
+<sxh xml>
+<uml>@startuml
+keine_Kommunikation : -
+Warten_auf_Clock_Lo : Output Low
+[*] --> keine_Kommunikation
+keine_Kommunikation ->  keine_Kommunikation : !SCL || !SDA
+keine_Kommunikation --> Warten_auf_Clock_Lo : SCL && SDA
+Warten_auf_Clock_Lo ->  Warten_auf_Clock_Lo : !SCL || SDA
+Warten_auf_Clock_Lo --> Bits_lesen_aktiv    : SCL && !SDA
+Bits_lesen_aktiv    ->  Bits_lesen_aktiv    : SCL
+Bits_lesen_aktiv    --> keine_Kommunikation : !SCL
+@enduml</uml>
+</sxh>\\
+</WRAP><WRAP column 50%>
+<uml>
+@startuml
+keine_Kommunikation : -
+Warten_auf_Clock_Lo : Output Low
+[*] --> keine_Kommunikation
+keine_Kommunikation ->  keine_Kommunikation : !SCL || !SDA
+keine_Kommunikation --> Warten_auf_Clock_Lo : SCL && SDA
+Warten_auf_Clock_Lo ->  Warten_auf_Clock_Lo : !SCL || SDA
+Warten_auf_Clock_Lo --> Bits_lesen_aktiv    : SCL && !SDA
+Bits_lesen_aktiv    ->  Bits_lesen_aktiv    : SCL
+Bits_lesen_aktiv    --> keine_Kommunikation : !SCL
+@enduml
+</uml>
+</WRAP>~~CLEARFIX~~<WRAP group><WRAP column 45%>
+[[https://www.dokuwiki.org/plugin:latex|LaTeX]]: Wandelt LaTex in Formeln um (z.Zt. nur im Browser)\\
+<sxh xml>$ a + b = c $</sxh> \\
+</WRAP><WRAP column 50%>
+\\ \\ $a + b = c $
+</WRAP>~~CLEARFIX~~<WRAP group><WRAP column 45%>
+[[https://www.dokuwiki.org/plugin:folded|Folded]]: Ermöglicht ausklappbare Boxen
+<sxh>
+mitten im Text kann ein ++Teil| versteckt sein ++ oder auch als ++++ Absatz| mit verstecktem Text ++++
+</sxh>
+</WRAP><WRAP column 50%>
+\\ \\ mitten im Text kann ein ++Teil| versteckt sein ++ oder auch als ++++ Absatz| mit verstecktem Text ++++
+</WRAP>~~CLEARFIX~~<WRAP group><WRAP column 45%>
+[[https://www.dokuwiki.org/plugin:barcodes|barcodes]]: Ermöglicht u.a. das Einfügen eines QR-Codes mittels \\ ''<nowiki> <barcode type="QRCODE" value="https://wiki.mexle.org/" /> </nowiki>''
+</WRAP><WRAP column 50%>
+<barcode type="QRCODE" value="https://wiki.mexle.org/" />
+</WRAP>~~CLEARFIX~~<WRAP group><WRAP column 45%>
+[[https://www.dokuwiki.org/plugin:drawio|DrawIO]]: Bietet das Einfügen von Online bearbeitbaren Bildern:
+\\ ''<nowiki>{{drawio>Bildname}}</nowiki>'' </WRAP><WRAP column 50%>
+{{drawio>Bildname}}
+</WRAP>~~CLEARFIX~~<WRAP group><WRAP column 45%>
+[[https://www.dokuwiki.org/plugin:bootswrapper|BootsWrapper]]: Bietet in Verbindung mit dem [[https://www.dokuwiki.org/template:bootstrap3|BootStrap3 Template]] eine bessere Oberfläche. Daneben sind einige weitere Features auf den Wikiseiten möglich z.B. \\
+<sxh xml>
+<panel type="info" title="Übungsaufgabe 1 - nur ein kleiner Test"> <WRAP group><WRAP column 10%>{{fa>pencil?32}}</WRAP><WRAP column 80%>
+Suchen Sie die Details zum BootStrap Template unter [[http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper|Lotar's Wiki]]
+und schreiben Sie diese zusammen.
+Betrachten Sie insbesondere <button collapse="foo" type="warning" size="xs">Buttons</button> und deren Effekte, sowie
+Icons (z.B. von [[https://fontawesome.com/|FontAwesome]]):
+{{fa>spinner?5x&pulse}}{{fa>cog?5x&spin}}
+ <collapse id="foo" collapsed="true"><well>
+Beim klicken...</well></collapse>
+</WRAP></WRAP></panel>
+</sxh>
+</WRAP><WRAP column 50%>
+<panel type="info" title="Übungsaufgabe 1 - nur ein kleiner Test"> <WRAP group><WRAP column 10%>{{fa>pencil?32}}</WRAP><WRAP column 80%>
+Suchen Sie die Details zum BootStrap Template unter [[http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper|Lotar's Wiki]] und schreiben Sie diese zusammen.
+Betrachten Sie insbesondere <button collapse="foo" type="warning" size="xs">Buttons</button> und deren Effekte, sowie
+Icons (z.B. von [[https://fontawesome.com/|FontAwesome]]):
+{{fa>spinner?5x&pulse}}{{fa>cog?5x&spin}}
+ <collapse id="foo" collapsed="true"><well>
+Beim klicken...</well></collapse>
+</WRAP></WRAP></panel>
+</WRAP>~~CLEARFIX~~<WRAP group><WRAP column 45%>
+[[https://www.dokuwiki.org/plugin:imagereference|ImageReference]]: Ermöglicht schöne Bildunterschriften und Referenzen zu Bildern z.B. \\
+<sxh xml>
+<WRAP right>
+<imgcaption BildNr1 | Text unter dem Bild >
+{{mexle_logo_small.jpg}}
+</imgcaption>
+</WRAP>
+Rechts ist <imgref BildNr1> zu sehen.
+</sxh>
+</WRAP><WRAP column 50%>
+<WRAP right>
+<imgcaption BildNr1 | Text unter dem Bild >
+{{mexle_logo_small.jpg}}
+</imgcaption>
+</WRAP>
+Rechts ist <imgref BildNr1> zu sehen.
+</WRAP>