Zum Inhalt springen

Wiki-Quellcode von Wikisyntax

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