Formatierung von Beiträgen leicht gemacht (Markdown für Anfänger und Fortgeschrittene) === --- **Schriftgrößen** **Eingabe:** `#` oder `<H1>Text</H1>` **Ansicht:** # Schriftgröße H1 - Text gefolgt von einer Leerzeile <br> **Eingabe:** `##` oder `<H2>Text</H2>` **Ansicht:** ## Schriftgröße H2 - Text gefolgt von einer Leerzeile <br> **Eingabe:** `###`oder `<H3>Text</H3>` **Ansicht:** ### Schriftgröße H3 - Text gefolgt von einer Leerzeile <br> **Eingabe:** `####`oder `<H4>Text</H4>` **Ansicht:** #### Schriftgröße H4 - Text gefolgt von einer Leerzeile <br> **Eingabe:** `#####`oder `<H5>Text</H5>` **Ansicht:** ##### Schriftgröße H5 - Text gefolgt von einer Leerzeile <br> **Eingabe:** `######`oder `<H6>Text</H6>` **Ansicht:** ###### Schriftgröße H6 - Text gefolgt von einer Leerzeile <center>![](https://i.imgur.com/oySxTKW.png)</center> **Schriftarten** **Eingabe:** `**Schriftart Fett**` **Ansicht:** **Schriftart Fett** <br> **Eingabe:** `*Schriftart kursiv*` **Ansicht:** *Schriftart kursiv* <br> **Eingabe:** `~~Schriftart durchstrichen~~` **Ansicht:** ~~Schriftart durchstrichen~~ <center>![](https://i.imgur.com/oySxTKW.png)</center> **Schriftgößen** ==>Schriftgröße normalen Schrift <== ``` <sub> Normalschrift verkleinert </sub> <sub><sub> Normalschrift verkleinert </sub> <sub><sub><sub> Normalschrift verkleinert </sub> ``` <sub> Normalschrift verkleinert </sub> <sub><sub> Normalschrift verkleinert </sub> <sub><sub><sub> Normalschrift verkleinert </sub> <center>![](https://i.imgur.com/oySxTKW.png)</center> **Schriftfarben** - <sub>kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.</sub> `<div class=phishy>[rote Schrfiftfarbe]</div>` <div class=phishy>[rote Schrfiftfarbe]</div> <center>![](https://i.imgur.com/oySxTKW.png)</center> **Zitierter Text - Blockzitate - in Reihe** **Eingabe:** ``` >Zitierter Text >Zitierter Text >Zitierter Text ``` **Ansicht:** >Zitierter Text >Zitierter Text >Zitierter Text <center>![](https://i.imgur.com/oySxTKW.png)</center> **Zeilenumbruch - Leerzeile(n)** Für denden Befehl![](https://i.imgur.com/VrtXRpJ.png)wird eine Leerzeile erzeugt **Eingabe:** ``` Zeile A <br> <br> <br> Zeile B ``` **Ansicht:** Zeile A <br> <br> <br> Zeile B **Eine andere Möglichkeit mit HTML Code** **Eingabe:** ``` Zeile 1 &nbsp; Zeile 2 &nbsp; Zeile 3 ``` **Ansicht:** Zeile 1 &nbsp; Zeile 2 &nbsp; Zeile 3 <center>![](https://i.imgur.com/oySxTKW.png)</center> **Aufzählungen** - <sub>kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.</sub> - <sub>es können Internettseiten (URL)eingefügt werden</sub> - <sub>es können Bilder eingefügt werden </sub> **In Reihe** ``` * Aufzählung 1 (Leerzeile nach *) * Aufzählung 2 (Leerzeile nach *) * Aufzählung 3 (Leerzeile nach *) ``` * Aufzählung 1 (Leerzeile nach *) * Aufzählung 2 (Leerzeile nach *) * Aufzählung 3 (Leerzeile nach *) **Versetzt:** ``` * Aufzählung 1 (Leerzeile nach *) * * Aufzählung 2 (Leerzeile nach *) * * Aufzählung 2 (Leerzeile nach *) * * * Aufzählung 3 (Leerzeile nach *) * * * *Aufzählung 3 (Leerzeile nach *) ``` * Aufzählung 1 (Leerzeile nach *) * * Aufzählung 2 (Leerzeile nach *) * * Aufzählung 2 (Leerzeile nach *) * * * Aufzählung 3 (Leerzeile nach *) * * * Aufzählung 3 (Leerzeile nach *) **Nummeriert:** ``` 1. Text Nummer 1 2. Text Nummer 2 3. Text Nummer 3 ``` 1. Text Nummer 1 2. Text Nummer 2 3. Text Nummer 3 <center>![](https://i.imgur.com/oySxTKW.png)</center> **Zitierter Text - Blockzitate - versetzt** **Eingabe:** ``` >Zitierter Text versetzt Zitierter Text versetzt >>Zitierter Text versetzt Zitierter Text versetzt >>>Zitierter Text versetzt Zitierter Text versetzt ``` **Ansicht:** >Zitierter Text versetzt >Zitierter Text versetzt >>Zitierter Text versetzt >>Zitierter Text versetzt >>>Zitierter Text versetzt >>>Zitierter Text <center>![](https://i.imgur.com/oySxTKW.png)</center> **Text oder Bild URL mittig darstellen** - <sub>kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.</sub> **Eingabe:** `<center>Text</center>` **Ansicht:** <center>Text</center> **Beispiel:** **Eingabe:** `<center> **Text** , Bild ~~URL~~ mittig <sub><sub> darstellen </sub></center>` **Ansicht:** <center> **Text** , Bild ~~URL~~ mittig <sub> darstellen </sub></center> **Eingabe(In Text eingefügtes Bild):** ![](https://i.imgur.com/4ih4b8i.png) **Ansicht:** <center>![](https://i.imgur.com/Re9AJjI.png)</center> **Eingabe :** ![](https://i.imgur.com/YZpPwmf.png) **Ansicht:** <center>https://steemit.com/</center> <center>![](https://i.imgur.com/oySxTKW.png)</center> **Einfache Tabelle:** - <sub>kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.</sub> - <sub>es können Internettseiten (URL)eingefügt werden</sub> - <sub>es können Bilder eingefügt werden </sub> ``` | Spalte 1 | Spalte 2 | Spalte 3 | | -------- | -------- | -------- | | Text | Text | Text | ``` **Beispiel:** ![](https://i.imgur.com/TOG09KH.png) <br> **Eingabe:** ![image.png](https://cdn.steemitimages.com/DQmVfFsZ7C5yyimb2SRrMyuJ4VYeGZ69bHhd7LJe3mh3Rza/image.png) **Ansicht** <center>![](https://i.imgur.com/oySxTKW.png)</center> **Bild mit einen Link versehen** ![](https://i.imgur.com/1yAUrik.png) **Beispiel:** kann mit dem Code `<center> xxxx </center>` zentriert dargestellt werden. `<a href="https://steemit.com/@greece-lover"> <center>![Random Bild](https://steemitimages.com/DQmU6eJLbkUnWk7FBH5pHivjLmb6jyj9uyfGQSvuNcuRuWN/holli1.jpg)</center></a>` <a href="https://steemit.com/@greece-lover"> <center>![Random Bild](https://steemitimages.com/DQmU6eJLbkUnWk7FBH5pHivjLmb6jyj9uyfGQSvuNcuRuWN/holli1.jpg)</center></a> <center>![](https://i.imgur.com/oySxTKW.png)</center> **URL per Schrift verlinken** - <sub>kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.</sub> `[Text wie die URL bennant wird](URL)` **Beispiel:** `[**Wikipedia** Eintrag - Steemit](https://de.wikipedia.org/wiki/Steemit)` [**Wikipedia** Eintrag - Steemit](https://de.wikipedia.org/wiki/Steemit) <center>![](https://i.imgur.com/oySxTKW.png)</center> **Bilder und Text nebeneinander / Mittig:** - <sub>kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.</sub> - <sub>es können Internettseiten (URL)eingefügt werden</sub> **Bild rechts - Text links** ![](https://i.imgur.com/P4buc6y.png) **Beispiel:** ![](https://i.imgur.com/NofChut.png) <div class="pull-right"><img src="https://i.imgur.com/HwzdlNR.png" /></div> <br><br><br> **Text** auf der linken Seite. Diese Internetadresse ist ein [Link zu Steem](https://steemit.com/@greece-lover) <br><br><br> --- **Bild links - Text rechts** ![](https://i.imgur.com/SUkfpty.png) **Beispiel:** ![](https://i.imgur.com/TTEQTIt.png) <div class="pull-left"><img src="https://i.imgur.com/HwzdlNR.png" /></div> <br><br><br> **Text** auf der linken Seite. Diese Internetadresse ist ein [Link zu Steem](https://steemit.com/@greece-lover) <br><br><br><br> <center>![](https://i.imgur.com/oySxTKW.png)</center> **Text oder Link unter einen Bild** Um die Seiten zu tauschen pull-right in pull-left ändern. - <sub>kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.</sub> - <sub>es können Internettseiten (URL)eingefügt werden</sub> <center>![](https://i.imgur.com/oySxTKW.png)</center> **Text unter dem Bild:** ![](https://i.imgur.com/f17rC2F.png) **Beispiel:** ![](https://i.imgur.com/jK7FTKm.png) <div class="pull-right"><center><img src="https://i.imgur.com/HwzdlNR.png" /><br/><em>Text unter dem Bild</em></center></div> <br><br><br><br> **Text der auf der linken Seite steht.** <center>![](https://i.imgur.com/oySxTKW.png)</center> **Link unter dem Bild:** ![](https://i.imgur.com/cmXnRnW.png) **Beispiel:** ![](https://i.imgur.com/OwzZtpy.png) <div class="pull-right"><center><img src="https://i.imgur.com/HwzdlNR.png" /><br/><em><a href="https://steemit.com/@greece-lover">greece-lover</a></em></center></div> <br><br><br><br> **Text der auf der linken Seite steht.** <br><br><br><br><br> <center>![](https://i.imgur.com/oySxTKW.png)</center> **Text oder Bilder nebeneinander** **Text:** - <sub>kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.</sub> - <sub>es können Internettseiten (URL)eingefügt werden</sub> ``` <div class=pull-right>Text auf der rechten Seite </div> <div class=pull-left>Text auf der linken Seite </div> ``` <br><br> <div class=pull-right>Text auf der rechten Seite </div> <div class=pull-left>Text auf der linken Seite </div> <br><br><br><br> <center>![](https://i.imgur.com/oySxTKW.png)</center> **Bilder links und recht zentriert** wenn man `<center> & </center>` entfernt sind die Bilder auf der linken und rechten Seite ausgerichtet. ``` <div class="pull-left"><center><img src="https://i.imgur.com/HwzdlNR.png" /></center></div> <div class="pull-right"><center><img src="https://i.imgur.com/HwzdlNR.png" /></center></div> ``` <div class="pull-left"><center><img src="https://i.imgur.com/HwzdlNR.png" /></center></div> <div class="pull-right"><center><img src="https://i.imgur.com/HwzdlNR.png" /></center></div> <center>![](https://i.imgur.com/oySxTKW.png)</center> **mehrere Bilder mit einem Link versehen** Beispiel mit 3 Bildern ``` <a href="Link der URL"> ![Random Bild](Link zu dem Bild)</a> | <a href="Link der URL"> ![Random Bild](Link zu dem Bild)</a> | <a href="Link der URL"> ![Random Bild](Link zu dem Bild)</a> --- | --- | --- ``` **Beispiel:** in Tabellen kann mit verschiednen Schriftarten und Schriftgrößen gearbeitet werden. ![](https://i.imgur.com/qCZV26K.png) |<center><sub><sub>Heraion Ausgrabungsstätte</sub></center> |<center><sub><sub>Dimitrios Schiffswrack in Gythion</sub></center> | <center><sub><sub>Festungsanlage Acrocorinth</sub></center> | | --- | --- | --- | <a href="https://steemit.com/deutsch/@greece-lover/tipp-fuer-einen-ausflug-heraion-ausgrabungsstaette-griechenland-festland-naehe-korint"> <center>![Random Bild](https://steemitimages.com/DQmUZVUoL9qvjhpQ95FJUujSG1cCGPKLXv9Xq6Pbr6RPR44/heraklion.jpg)</center> </a> |<a href="https://steemit.com/deutsch/@greece-lover/tipp-fuer-einen-ausflug-zum-dimitrios-schiffswrack-in-gythion-griechenland-peloponnes"> <center>![Random Bild](https://steemitimages.com/DQmZNFZJ5KkMUXkTwZbpEkzyGae9JR8tHrFWfxJjv7jaHLc/schifsfrak.jpg)</center> </a> |<a href="https://busy.org/@greece-lover/tipp-fuer-einen-ausflug-peloponnes-festungsanlage-acrocorinth-naehe-korint"> <center>![Random Bild](https://steemitimages.com/DQmVR14uwrt8zqLGXn8B4oyCByaHxHqYU9epigR1fDrzcB9/festung%20lorint.jpg)</center> </a> <center>![](https://i.imgur.com/oySxTKW.png) </center>