Zum Inhalt springen

Wiki-Quellcode von Wikisyntax

Zuletzt geändert von Carina Enke am 18.01.2024
Zeige letzte Bearbeiter
1 {{layout}}
2 {{layout-section ac:type="single"}}
3 {{layout-cell}}
4 [[image:attach:Kursrun - Wiki Syntax_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="354" width="590"]]
5
6 Mithilfe der umfangreichen Wiki-Syntax und zusätzlicher Schaltflächen in der Editieransicht einer Seite können Sie Artikel individuell gestalten. Beispielsweise können Sie Textelemente fett oder kursiv setzen sowie Überschriften, Links oder Formeln hinzufügen.
7 {{/layout-cell}}
8 {{/layout-section}}
9
10 {{layout-section ac:type="single"}}
11 {{layout-cell}}
12 (% style="color: rgb(0,0,255);" %)
13
14
15 {{expand title="Übersicht der Wikisyntax und zusätzlichen Schaltflächen ..."}}
16 Durch bestimmte Tastaturzeichen, wie Anführungszeichen, Apostrophe, Gleichheitszeichen oder Sterne, können Sie den Text des Wikiartikels formatieren und gestalten. Alternativ stehen Ihnen dafür auch die üblichen Formatschaltflächen im oberen Bereich der Editoransicht des Artikels zur Verfügung.
17
18 {{expand title="Formatierungsoptionen mit Schaltflächen oder per Editoreingabe"}}
19 (% class="wrapped" %)
20 |=(% colspan="1" %)(% colspan="1" %)
21 (((
22 Formatschaltflächen
23 )))|=(% colspan="1" %)(% colspan="1" %)
24 (((
25 Eingabe mit Tastaturzeichen
26 )))|=(% colspan="1" %)(% colspan="1" %)
27 (((
28 Erläuterung und Darstellung im Artikel
29 )))
30 |(((
31 (% class="content-wrapper" %)
32 (((
33 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_fett.png||height="27" width="19"]] [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_kursiv.png]]
34 )))
35 )))|(((
36 (% style="color:#333333; text-decoration:none" %)'''Fett"'
37
38 (% style="color:#333333; text-decoration:none" %)''Kursiv''
39 )))|(((
40 (% style="text-align: left;" %)
41 **Fetter** Text
42
43 (% style="text-align: left;" %)
44 //Kursiver// Text
45 )))
46 |(((
47 (% class="content-wrapper" %)
48 (((
49 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Überschrift.png]]
50 )))
51 )))|(((
52 (% style="color:#333333; text-decoration:none" %)==Überschrift Text==
53 )))|(((
54 Hiermit kennzeichnen Sie **Überschriften **(Level 2).
55 )))
56 |(((
57 (% class="content-wrapper" %)
58 (((
59 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Listen.png]]
60 )))
61 )))|(((
62 (% style="color:#000000; text-decoration:none" %)* Unsortiert
63 ~* Unsortiert
64 \\# Sortiert(%%)
65 (% style="color:#000000; text-decoration:none" %)# Sortiert
66 )))|(((
67 (% style="text-align:left; text-decoration:none" %)
68 * **unsortierte**
69 * Listen
70
71 (% style="text-align:left; text-decoration:none" %)
72 1. **sortierte**
73 1. Listen
74 )))
75 |(((
76 (% class="content-wrapper" %)
77 (((
78 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Formel einbinden.png]]
79 )))
80 )))|(((
81 (% style="color:#000000; text-decoration:none" %)<math><Formel></math>
82
83 (% style="color:#000000; text-decoration:none" %)(z.B. <math>c = a + b</math>)
84
85
86 alternative Möglichkeiten:
87
88 $$<Formel>$$  (z.B $$(% style="color:#000000; text-decoration:none" %)c = a + b(%%)$$)
89
90 \(<Formel>\)
91 (z.B. \((% style="color:#000000; text-decoration:none" %)c = a + b(%%)\) )
92
93
94 )))|(((
95 (% class="content-wrapper" %)
96 (((
97 Über dieses Symbol können Sie **mathematische Formeln** eingeben, sodass aus folgendem Code
98
99 (((
100 (% class="syntaxhighlighter sh-confluence nogutter xml expanded" %)
101 (((
102
103
104 {{code}}
105 <math>\sqrt[3]{x-1}</math>  
106 {{/code}}
107
108 (% style="text-align: left;" %)
109 diese Formel entsteht:
110
111 [[image:attach:Kursrun - Formel im Wiki.png]]
112
113 (% style="color:#000000; text-decoration:none" %)Beim Klick auf den Button [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Formel einbinden.png]] wird zunächst ein Beispielinhalt eingefügt. Passen Sie diese an und tragen Sie den gewünschten Formelinhalt an.
114 )))
115 )))
116
117 (% style="color:#000000; text-decoration:none" %)Formeln werden standardmäßig zentriert angezeigt. Soll die Formel im Fließtext stehen, verwenden Sie bitte das Schema \(<Formel>\).
118
119 (% style="color:#000000; text-decoration:none" %)[[image:attach:Kursrun - Wikisyntax Formeln_de.png]]
120 )))
121 )))
122 |(((
123 (% class="content-wrapper" %)
124 (((
125 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Link intern.png]]
126
127
128
129 )))
130 )))|(((
131 (% style="color:#333333; text-decoration:none" %)~[~[Index]]
132 )))|(((
133 (% style="text-align: left;" %)
134 Fügen Sie über diesen Button einen** Link zu einer internen Seite **ein: Existiert bereits ein Artikel mit dem Titel (bspw. Index), können Sie vom aktuell geöffneten Artikel auf diesen verweisen. Schreiben Sie dazu doppelte eckige Klammern um den Titel des Artikels, auf den verwiesen werden soll.
135
136 (% style="text-align: left;" %)
137 Alternativ können Sie den Button //**Link einfügen** //nutzen, um sich eine Liste der vorhandenen Artikel anzeigen zu lassen. Mit Klick auf den Titel eines Artikels in dieser Liste wird automatisch ein Link in den Artikel eingefügt.
138
139 Wollen Sie einen **alternativen Linktext** einfügen, der anstelle der Seitenbezeichnung verwendet werden soll, dann geben Sie nach dem eigentlichen Linktext ein (% class="st" %)Verkettungszeichen(%%) (|) und anschließend den anzuzeigenden Text ein, bspw. ~[~[index|Startseite]]. Weitere Formatierungsoptionen für Links enthält die nachfolgende Übersicht.
140 )))
141 |(% colspan="1" %)(% colspan="1" %)
142 (((
143 (% class="content-wrapper" %)
144 (((
145 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Link extern.png]]
146 )))
147 )))|(% colspan="1" %)(% colspan="1" %)
148 (((
149 ~[[[http:~~/~~/www.bps-system.de/>>url:http://www.bps-system.de/||shape="rect"]] Linktext]
150 )))|(% colspan="1" %)(% colspan="1" %)
151 (((
152 (% style="color:#000000; text-decoration:none" %)Fügen Sie über diesen Button einen** Link zu einer externen Seite **ein. Es wird zunächst ein Beispielinhalt eingefügt. Passen Sie bei diesem die URL und den alternativen Linktext an.
153 )))
154 |(% colspan="1" %)(% colspan="1" %)
155 (((
156 (% class="content-wrapper" %)
157 (((
158 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_unformatierter Text.png]]
159 )))
160 )))|(% colspan="1" %)(% colspan="1" %)
161 (((
162 (% style="color:#333333; text-decoration:none" %)<nowiki>Hier den unformatierten Text eingeben</nowiki>
163 )))|(% colspan="1" %)(% colspan="1" %)
164 (((
165 (% style="color:#333333; text-decoration:none" %)Über diesen Button können Sie unformatierten Text anzeigen lassen(%%).
166 )))
167 |(% colspan="1" %)(% colspan="1" %)
168 (((
169 (% class="content-wrapper" %)
170 (((
171 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Trennlinie.png]]
172 )))
173 )))|(% colspan="1" %)(% colspan="1" %)
174 (((
175 (% style="color:#333333; text-decoration:none" %)~-~-~-~-
176 )))|(% colspan="1" %)(% colspan="1" %)
177 (((
178 (% style="color:#333333; text-decoration:none" %)Fügen Sie so eine(%%) (% style="text-align:left; text-decoration:none" %)**horizontale Trennlinie**(%%) (% style="color:#333333; text-decoration:none" %)ein.
179 )))
180 |(% colspan="1" %)(% colspan="1" %)
181 (((
182 (% class="content-wrapper" %)
183 (((
184 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Datei hochladen_de.png]]
185 )))
186 )))|(% colspan="1" %)(% colspan="1" %)
187 (((
188
189 )))|(% colspan="1" %)(% colspan="1" %)
190 (((
191 Öffnet die Upload-Funktion. Sie können dort Dateien per Drag-and-Drop von Ihrem Rechner in das Wiki hochladen.
192 )))
193 |(% colspan="1" %)(% colspan="1" %)
194 (((
195 (% class="content-wrapper" %)
196 (((
197 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Link einfügen_de.png]]
198 )))
199 )))|(% colspan="1" %)(% colspan="1" %)
200 (((
201
202 )))|(% colspan="1" %)(% colspan="1" %)
203 (((
204 Öffnet eine Liste der bereits im Wiki bestehenden Artikel. Mit Klick auf einen Eintrag wird dieser Artikel als Link in den aktuellen Artikel eingefügt. Links werden automatisch unterstrichen dargestellt.
205 )))
206 |(% colspan="1" %)(% colspan="1" %)
207 (((
208 (% class="content-wrapper" %)
209 (((
210 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Datei einfügen_de.png]]
211 )))
212 )))|(% colspan="1" %)(% colspan="1" %)
213 (((
214
215 )))|(% colspan="1" %)(% colspan="1" %)
216 (((
217 (% class="content-wrapper" %)
218 (((
219 Öffnet eine Liste der bereits im Wiki hochgeladenen Dateien. Mit Klick auf einen Eintrag wird diese Datei in den Artikel eingefügt.
220
221 {{expand title="Ein Bild oder eine Datei dem Artikel hinzufügen ..."}}
222
223
224 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F0160FDF5F11ECDA30036B95B"/}}
225 {{/expand}}
226
227 {{info}}
228 Bilder werden im Artikel direkt, andere Dateiformate wie PDF-, Word oder HTML-Dateien als Link zum herunterladen angezeigt.
229 {{/info}}
230 )))
231 )))
232 |(% colspan="1" %)(% colspan="1" %)
233 (((
234 (% class="content-wrapper" %)
235 (((
236 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Kategorie einfügen_de.png]]
237 )))
238 )))|(% colspan="1" %)(% colspan="1" %)
239 (((
240
241 )))|(% colspan="1" %)(% colspan="1" %)
242 (((
243 Öffnet eine Liste der bereits im Wiki angelegten Kategorien. Mit Klick auf einen Eintrag wird diese Kategorie dem aktuellen Artikel zugeordnet.
244 )))
245 {{/expand}}
246
247 {{expand title="Weitere Formatierungen per Editoreingabe"}}
248 (% class="relative-table wrapped" style="width:100.0%" %)
249 |=(((
250 Angabe zum Ersteller
251 )))|(((
252 ~~~~~~
253
254 ~~~~~~~~
255 )))|(((
256 (% class="content-wrapper" %)
257 (((
258 Mit der Angabe von **drei Tilde-Zeichen** wird der Name des Seitenerstellers an diese Stelle gesetzt. Bei **vier Tilde-Zeichen** erscheint zusätzlich ein Zeitstempel.
259
260
261 )))
262 )))|(% colspan="1" %)(% colspan="1" %)
263 (((
264 (% class="content-wrapper" %)
265 (((
266 [[image:attach:Kursrun - Wikisyntax Ersteller_de.png]]
267 )))
268 )))
269 |=(((
270 Unterstreichen
271 )))|(((
272 <u>unterstreichen</u>
273 )))|(((
274 (% class="content-wrapper" %)
275 (((
276 So können Sie Wörter unterstreichen.
277 )))
278 )))|(% rowspan="8" %)(% rowspan="8" %)
279 (((
280 (% class="content-wrapper" %)
281 (((
282 [[image:attach:Kursrun - Wikisyntax Text_de.png]]
283 )))
284 )))
285 |=(((
286 Textfarbe
287 )))|(((
288 <span style="color:#006400"> Text</span>
289 )))|(((
290 Die Textfarbe ändern. Eine einfache Farbtabelle finden Sie unter https:~/~/de.wikipedia.org/wiki/Hilfe:Farbtabelle.
291 )))
292 |=(% colspan="1" %)(% colspan="1" %)
293 (((
294 Zeilenumbruch
295 )))|(% colspan="1" %)(% colspan="1" %)
296 (((
297 </br>
298 )))|(% colspan="1" %)(% colspan="1" %)
299 (((
300 Nur einen Zeilenumbruch, aber keinen keinen neuen Absatz erzeugen.
301
302 Durch eine leere Zeile wird ein neuer Absatz (mit größerem Zeilenabstand) erzeugt.
303 )))
304 |=(% colspan="1" %)(% colspan="1" %)
305 (((
306 Rechtsbündiger Text
307 )))|(% colspan="1" %)(% colspan="1" %)
308 (((
309 <div align="right">Rechtsbündiger Text</div>
310 )))|(% colspan="1" %)(% colspan="1" %)
311 (((
312 Einen Text rechtsbündig ausgerichten.
313 )))
314 |=(% colspan="1" %)(% colspan="1" %)
315 (((
316 Linksbündiger Text
317 )))|(% colspan="1" %)(% colspan="1" %)
318 (((
319 <div align="left">Linksbündiger Text</div>
320 )))|(% colspan="1" %)(% colspan="1" %)
321 (((
322 Einen Text linksbündig ausgerichten.
323 )))
324 |=(% colspan="1" %)(% colspan="1" %)
325 (((
326 Zentrierter Text
327 )))|(% colspan="1" %)(% colspan="1" %)
328 (((
329 <div align="center">Zentrierter Text</div>
330 )))|(% colspan="1" %)(% colspan="1" %)
331 (((
332 Einen Text zentriert ausgerichten.
333 )))
334 |=(% colspan="1" %)(% colspan="1" %)
335 (((
336 Hochgestellt
337 )))|(% colspan="1" %)(% colspan="1" %)
338 (((
339 Text<sup>hochgestellt</sup>
340 )))|(% rowspan="2" %)(% rowspan="2" %)
341 (((
342 (% class="content-wrapper" %)
343 (((
344 Einen Text hoch- und tiefstellen.
345 )))
346 )))
347 |=(% colspan="1" %)(% colspan="1" %)
348 (((
349 Tiefgestellt
350 )))|(% colspan="1" %)(% colspan="1" %)
351 (((
352 Text<sub>tiefgestellt</sub>
353 )))
354 |=(% colspan="1" %)(% colspan="1" %)
355 (((
356 Definitionsliste
357 )))|(% colspan="1" %)(% colspan="1" %)
358 (((
359 ;Begriff 1
360
361 ~: Beschreibung 1
362
363 ;Begriff 2
364
365 ~: Beschreibung 2-1
366
367 ~: Beschreibung 2-2
368 )))|(% colspan="1" %)(% colspan="1" %)
369 (((
370 Eine Liste an Begriffen angeben.
371 )))|(% colspan="1" %)(% colspan="1" %)
372 (((
373 (% class="content-wrapper" %)
374 (((
375 [[image:attach:Kursrun - Wikisyntax Definitionsliste_de.png]]
376 )))
377 )))
378 |=(% colspan="1" %)(% colspan="1" %)
379 (((
380 Einrückung ohne Auflistung
381 )))|(% colspan="1" %)(% colspan="1" %)
382 (((
383 :Einfache Einrückung
384
385 ::Doppelte Einrückung
386
387 :::::Mehrfache Einrückung
388 )))|(% colspan="1" %)(% colspan="1" %)
389 (((
390 (% class="content-wrapper" %)
391 (((
392 Durch ":" erhält man eine Einrückung des nachfolgenden Textes.
393
394
395
396 )))
397 )))|(% colspan="1" %)(% colspan="1" %)
398 (((
399 (% class="content-wrapper" %)
400 (((
401 [[image:attach:Kursrun - Wikisyntax Einrückung_de.png]]
402 )))
403 )))
404 |=(% colspan="1" %)(% colspan="1" %)
405 (((
406 Aufzählung
407 )))|(% colspan="1" %)(% colspan="1" %)
408 (((
409 *eins
410
411 *zwei
412
413 ~*~*eins-zwei
414
415 ~*~*zwei-zwei
416
417 *drei
418 )))|(% colspan="1" %)(% colspan="1" %)
419 (((
420 (% class="content-wrapper" %)
421 (((
422 So können Sie eine einfache unnummerierte Liste,
423 )))
424 )))|(% colspan="1" %)(% colspan="1" %)
425 (((
426 (% class="content-wrapper" %)
427 (((
428 [[image:attach:Kursrun - Wikisyntax Aufzählung_de.png]]
429 )))
430 )))
431 |=(% colspan="1" %)(% colspan="1" %)
432 (((
433 Aufzählung mit Zahlen
434 )))|(% colspan="1" %)(% colspan="1" %)
435 (((
436 #eins
437
438 #zwei
439
440 ~#~#eins-zwei
441
442 ~#~#zwei-zwei
443
444 #drei
445 )))|(% colspan="1" %)(% colspan="1" %)
446 (((
447 (% class="content-wrapper" %)
448 (((
449 oder eine nummerierte Liste erzeugen.
450 )))
451 )))|(% colspan="1" %)(% colspan="1" %)
452 (((
453 (% class="content-wrapper" %)
454 (((
455 [[image:attach:Kursrun - Wikisyntax nummerierte Liste_de.png]]
456 )))
457 )))
458 |=(% colspan="1" %)(% colspan="1" %)
459 (((
460 Farbiger Absatz
461 )))|(% colspan="1" %)(% colspan="1" %)
462 (((
463 <p style="color:red;"> Das ist ein ganzer Absatz </p>
464 )))|(% colspan="1" %)(% colspan="1" %)
465 (((
466 (% class="content-wrapper" %)
467 (((
468 So können Sie einen farbigen Textabsatz erzeugen.
469 )))
470 )))|(% colspan="1" %)(% colspan="1" %)
471 (((
472 (% class="content-wrapper" %)
473 (((
474 [[image:attach:Kursrun - Wikisyntax farbiger Absatz_de.png]]
475 )))
476 )))
477 |=(% colspan="1" %)(% colspan="1" %)
478 (((
479 Hintergrund für ein oder wenige Wörter
480 )))|(% colspan="1" %)(% colspan="1" %)
481 (((
482 <p>Lorem ipsum <span style="background-color: yellow;">Beispiel </span> dolor sit amet, consetetur sadipscing elitr.</p>
483 )))|(% colspan="1" %)(% colspan="1" %)
484 (((
485 (% class="content-wrapper" %)
486 (((
487 Passen Sie so die Hintergrundfarbe an.
488 )))
489 )))|(% colspan="1" %)(% colspan="1" %)
490 (((
491 (% class="content-wrapper" %)
492 (((
493 [[image:attach:Wikisyntax - Hintergurndfarbe_de.png]]
494 )))
495 )))
496 |=(% colspan="1" %)(% colspan="1" %)
497 (((
498 Farbiger Text + Hintergrund eines Absatzes
499 )))|(% colspan="1" %)(% colspan="1" %)
500 (((
501 <p style="color:red;background-color:yellow;">Absatz </p>
502 )))|(% colspan="1" %)(% colspan="1" %)
503 (((
504 (% class="content-wrapper" %)
505 (((
506 Nutzen Sie diese Angaben, um einen Text und dessen Hintergrund farbig zu gestalten.
507 )))
508 )))|(% colspan="1" %)(% colspan="1" %)
509 (((
510 (% class="content-wrapper" %)
511 (((
512 [[image:attach:Kursrun - Wikisyntax farbiger Text und Hintergrund_de.png]]
513 )))
514 )))
515 {{/expand}}
516
517 {{expand title="Formatierung von Tabellen"}}
518 (% class="relative-table wrapped" %)
519 |=(((
520 Tabelle einfügen
521 )))|(((
522 {|
523 ~|Zelle 1
524 ~|Zelle 2
525 ~|-
526 ~|Zelle 3
527 ~|Zelle 4
528 ~|}
529 )))|(((
530 Um eine Tabelle im Artikel zu erstellen, nutzen Sie Klammern und Trennstriche.
531
532 (% class="wrapped" %)
533 |(((
534 Zelle 1
535 )))|(((
536 Zelle 2
537 )))
538 |(((
539 Zelle 3
540 )))|(((
541 Zelle 4
542 )))
543 )))
544 |=(% scope="col" %)(((
545 Rahmen um Tabelle
546 )))|(((
547 {| border ="1"
548 ~|Zelle 1
549 ~|Zelle 2
550 ~|-
551 ~|Zelle 3
552 ~|Zelle 4
553 ~|}
554 )))|(((
555
556
557
558 )))
559 |=(((
560 Tabelle (Spaltenbreite (Prozent)
561 )))|(((
562 {| border = "1"
563 ! width = "10%" |Spalte 1
564 ! width = "20%"| Spalte 2
565 ! width = "40%"| Spalte 3
566 ~|-
567 ~|Zelle 1
568 ~|Zelle 2
569 ~|Zelle 3
570 ~|-
571 ~|Zelle 4
572 ~|Zelle 5
573 ~|Zelle 6
574 ~|}
575 )))|(((
576 Möglich durch eine Prozentangabe; Sobald Zeile mit ! eingeleitet wird, wird diese automatisch fett und zentriert.
577 )))
578 |=(% colspan="1" %)(% colspan="1" %)
579 (((
580 Tabelle (Spaltenbreite (Pixel)
581 )))|(% colspan="1" %)(% colspan="1" %)
582 (((
583 {| border = "1"
584 ! width = "50px" | Spalte1
585 ! width = "100px"| Spalte2
586 ! width = "400px"| Spalte3
587 ~|-
588 ~|Zelle 1
589 ~|Zelle 2
590 ~|Zelle 3
591 ~|-
592 ~|Zelle 4
593 ~|Zelle 5
594 ~|Zelle 6
595 ~|}
596 )))|(% colspan="1" %)(% colspan="1" %)
597 (((
598 Ebenfalls durch die Angabe von Pixelwerten möglich; Sobald Zeile mit ! eingeleitet wird, wird diese automatisch fett und zentriert.
599 )))
600
601 (% class="auto-cursor-target" %)
602 Beispiele der angegebenen Tabellenformatierungen
603
604 [[image:attach:Kursrun - Wikisyntax Tabelle_de.png]]
605 {{/expand}}
606
607
608
609 {{id name="formatierung"/}}
610
611 {{expand title="Formatierungsoptionen für Bilder und Links"}}
612 (% class="wrapped" %)
613 |=(% colspan="1" %)(% colspan="1" %)
614 (((
615 Interner Link
616 )))|(% colspan="1" %)(% colspan="1" %)
617 (((
618 ~[~[Wiki Seite]]
619 )))|(% colspan="1" %)(% colspan="1" %)
620 (((
621 (% class="content-wrapper" %)
622 (((
623 Links werden automatisch unterstrichen dargestellt.
624
625 [[image:attach:Kursrun - Wikisyntax Links_de.png]]
626 )))
627 )))
628 |=(% colspan="1" %)(% colspan="1" %)
629 (((
630 Externer Link
631 )))|(% colspan="1" %)(% colspan="1" %)
632 (((
633 ~[~[https:~/~/www.abc.de|abc]]
634 )))|(% colspan="1" %)(% colspan="1" %)
635 (((
636 Links werden automatisch unterstrichen dargestellt.
637 )))
638 |=(% rowspan="2" %)(% rowspan="2" %)
639 (((
640 Bildlegende
641 )))|(% colspan="1" %)(% colspan="1" %)
642 (((
643 ~[~[Image:BPS_Logo.png|BPS-Logo|200px]]
644
645 ~[~[Image:BPS_Logo.png||Auf diesem Bild sehen Sie das Logo der BPS GmbH.]]
646
647 ~[~[Image:BPS_Logo.png|| Auf diesem Bild sehen Sie das Logo der BPS GmbH.]]
648 )))|(% colspan="1" %)(% colspan="1" %)
649 (((
650 Tragen Sie nach dem (% class="st" %)Verkettungszeichen(%%) (Trennstrich) den gewünschten Text ein. Wenn Sie den Text mit einem Leerzeichen beginnen, wird er mit einem Rahmen und größerem Abstand zum Bild angezeigt.
651 )))
652 |(% colspan="1" %)(% colspan="1" %)
653 (((
654 Text vor dem Bild
655
656 <span>~[~[Image:BPS_Logo.png|right|20px|BPS Logo mit mehr Text]]</span>
657
658 <div style="clear: both;"></div>
659
660 und hier kommt nun weiterer Text
661 )))|(% colspan="1" %)(% colspan="1" %)
662 (((
663 Überschreitet der Legendentext die Bildbreite, wird er umgebrochen. Dabei kann es zu Überlagerungen kommen. Mit den im Beispiel genannten HTML-Ergänzungen span und div, können Sie dies umgehen.
664 )))
665 |=(% colspan="1" %)(% colspan="1" %)
666 (((
667 Miniaturbild (Thumbnails) (Vorschaubild eines Bildes)
668 )))|(% colspan="1" %)(% colspan="1" %)
669 (((
670 ~[~[Image:BPS.png|right|thumb]]
671
672 ~[~[Image:BPS.png|right|30px|thumb]]
673 )))|(% colspan="1" %)(% colspan="1" %)
674 (((
675 Ein Miniaturbild wird ausgegeben mit der Angabe **thumb**. In der Artikelansicht sieht der Nutzer ein verkleinertes Bild.
676 )))
677 |=(((
678 Ausrichtung
679 )))|(((
680 ~[~[Image:BPS.png|right]]
681 )))|(% colspan="1" %)(% colspan="1" %)
682 (((
683 Tragen Sie nach dem (% class="st" %)Verkettungszeichen(%%) (Trennstrich) den Zusatz "left" oder "right" ein.
684 )))
685 |=(((
686 Bildgröße
687 )))|(((
688 ~[~[Image:BPS.png|120px]]
689 )))|(% colspan="1" %)(% colspan="1" %)
690 (((
691 Tragen Sie nach dem (% class="st" %)Verkettungszeichen(%%) (Trennstrich) die gewünschte Größe ein.
692 )))
693 |=(% colspan="1" %)(% colspan="1" %)
694 (((
695 Mehrere Formatierungen
696 )))|(% colspan="1" %)(% colspan="1" %)
697 (((
698 ~[~[Image:BPS.png|right|30px|thumb|Das ist das BPS-Logo.]]
699 )))|(% colspan="1" %)(% colspan="1" %)
700 (((
701 Mehrere Formatierungen trennen Sie jeweils mit einem (% class="st" %)Verkettungszeichen(%%) (Trennstrich).
702 )))
703
704 (% class="auto-cursor-target" %)
705 Beispiele der angegebenen Bildformatierungen
706
707 [[image:attach:Kursrun - Wikisyntax Bilder_de.png]]
708 {{/expand}}
709 {{/expand}}
710 {{/layout-cell}}
711 {{/layout-section}}
712 {{/layout}}