Heute zeige ich euch wie ihr den Inhalt eure Beiträge besser präsentieren könnt. Ich zeige euch wie ihr Daten in einer Tabelle schreiben könnt oder wie ja die Schrift mit einer Farbe hinterlegt wird oder ein Bild mit einem Link versehen. Es gibt einige Möglichkeiten, dass ihr euren Beitrag dann auch entsprechend gestalten könnt.

Ihr werdet sehen dass, es viele Möglichkeiten gibt, um einen Beitrag den man veröffentlichen möchte aufzuwerten.

Diesen Beitrag habe ich gestern einige Stunden überarbeitet und auf den neuesten Stand gebracht. Ich hoffe, ihr kommt damit klar und er ist euch behilflich das eure Beiträge auch optisch etwas ansehnlicher werden.

Ich werde diesen Beitrag auch noch einmal in Englisch veröffentlichen da ich denke, er ist für alle Länder Communitys eine Hilfe.

---

Schriftgrößen

Eingabe:
# oder <H1>Text</H1>
Ansicht:

Schriftgröße H1 - Text gefolgt von einer Leerzeile

Eingabe:
## oder <H2>Text</H2>
Ansicht:

Schriftgröße H2 - Text gefolgt von einer Leerzeile

Eingabe:
###oder <H3>Text</H3>
Ansicht:

Schriftgröße H3 - Text gefolgt von einer Leerzeile

Eingabe:
####oder <H4>Text</H4>
Ansicht:

Schriftgröße H4 - Text gefolgt von einer Leerzeile

Eingabe:
#####oder <H5>Text</H5>
Ansicht:

Schriftgröße H5 - Text gefolgt von einer Leerzeile

Eingabe:
######oder <H6>Text</H6>
Ansicht:

Schriftgröße H6 - Text gefolgt von einer Leerzeile

Schriftarten

Eingabe:
**Schriftart Fett**
Ansicht:
Schriftart Fett

Eingabe:
*Schriftart kursiv*
Ansicht:
Schriftart kursiv

Eingabe:
~~Schriftart durchstrichen~~
Ansicht:
Schriftart durchstrichen

Schriftgößen

==>Schriftgröße normalen Schrift <==

<sub> Normalschrift verkleinert </sub>
<sub><sub> Normalschrift verkleinert </sub>
<sub><sub><sub> Normalschrift verkleinert </sub>

_{Normalschrift verkleinert
Normalschrift verkleinert
Normalschrift verkleinert}

Schriftfarben

• _{kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.}

<div class=phishy>[rote Schrfiftfarbe]</div>

Zitierter Text - Blockzitate - in Reihe

Eingabe:

>Zitierter Text
>Zitierter Text
>Zitierter Text

Ansicht:

Zitierter Text

Zitierter Text

Zitierter Text

Zeilenumbruch - Leerzeile(n)
Für denden Befehlwird eine Leerzeile erzeugt

Eingabe:

Zeile A
<br>
<br>
<br>
Zeile B

Ansicht:
Zeile A






Zeile B

Eine andere Möglichkeit mit HTML Code

Eingabe:

Zeile 1
 
Zeile 2
 
Zeile 3

Ansicht:
Zeile 1
 
Zeile 2
 
Zeile 3

Aufzählungen

• _{kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.}
• _{es können Internettseiten (URL)eingefügt werden}
• _{es können Bilder eingefügt werden}

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

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

Text oder Bild URL mittig darstellen

• _{kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.}

Eingabe:
<center>Text</center>

Ansicht:

Text

Beispiel:

Eingabe:
<center> **Text** , Bild ~~URL~~ mittig <sub><sub> darstellen </sub></center>

Ansicht:

Text , Bild URL mittig _darstellen

Eingabe(In Text eingefügtes Bild):

Ansicht:

Eingabe :

Ansicht:

https://steemit.com/

Einfache Tabelle:

• _{kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.}
• _{es können Internettseiten (URL)eingefügt werden}
• _{es können Bilder eingefügt werden}

| Spalte 1 | Spalte 2 | Spalte 3 |
| -------- | -------- | -------- |
| Text     | Text     | Text     |

Beispiel:

Eingabe:

Ansicht

Bild mit einen Link versehen

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>

URL per Schrift verlinken

• _{kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.}

[Text wie die URL bennant wird](URL)

Beispiel:

[**Wikipedia** Eintrag - Steemit](https://de.wikipedia.org/wiki/Steemit)

Wikipedia Eintrag - Steemit

Bilder und Text nebeneinander / Mittig:

• _{kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.}
• _{es können Internettseiten (URL)eingefügt werden}

Bild rechts - Text links

Beispiel:

Text auf der linken Seite. Diese Internetadresse ist ein Link zu Steem

---

Bild links - Text rechts

Beispiel:

Text auf der linken Seite. Diese Internetadresse ist ein Link zu Steem

Text oder Link unter einen Bild
Um die Seiten zu tauschen pull-right in pull-left ändern.

• _{kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.}
• _{es können Internettseiten (URL)eingefügt werden}

Text unter dem Bild:

Beispiel:

Text der auf der linken Seite steht.

Link unter dem Bild:

Beispiel:

Text der auf der linken Seite steht.

Text oder Bilder nebeneinander

Text:

• _{kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.}
• _{es können Internettseiten (URL)eingefügt werden}

<div class=pull-right>Text auf der rechten Seite </div>
<div class=pull-left>Text auf der linken Seite </div>

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>

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.

Heraion Ausgrabungsstätte	Dimitrios Schiffswrack in Gythion	Festungsanlage Acrocorinth