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
Zeile 2
Zeile 3
```
**Ansicht:**
Zeile 1
Zeile 2
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>