Markdown Anleitung

Quelle: https://www.markdownguide.org/basic-syntax/

Siehe auch Beitrag: Markdown-Spickzettel

Übersicht

Fast alle MarkdownMarkdown ist eine einfache Auszeichnungssprache für Texte. Sie erlaubt Formatierungen wie kursiv, fett, Überschriften, Listen oder Links – ohne komplizierten Code.
Markdown soll leicht zu schreiben und sofort lesbar sein – auch im Rohtext. Die Sprache nutzt bekannte Zeichen aus E-Mails und Klartextformaten.-Anwendungen unterstützen die grundlegende Syntax, die im ursprünglichen Markdown-Design-Dokument beschrieben ist. Es gibt kleinere Abweichungen und Unterschiede zwischen Markdown-Prozessoren – diese werden, wenn möglich, inline vermerkt.

Überschriften

Um eine Überschrift zu erstellen, füge vor einem Wort oder einer Phrase eine Anzahl von Nummernzeichen ( # ) hinzu. Die Anzahl der Nummernzeichen entspricht der Ebene der Überschrift. Zum Beispiel wird eine Überschrift der Stufe drei ( <h3> ) mit drei Nummernzeichen erstellt (z. B. ### Meine Überschrift ).

Markdown	HTML	Gerendertes Ergebnis
# Überschrift Ebene 1	<h1>Überschrift Ebene 1</h1>	Überschrift Ebene 1
## Überschrift Ebene 2	<h2>Überschrift Ebene 2</h2>	Überschrift Ebene 2
### Überschrift Ebene 3	<h3>Überschrift Ebene 3</h3>	Überschrift Ebene 3
#### Überschrift Ebene 4	<h4>Überschrift Ebene 4</h4>	Überschrift Ebene 4
##### Überschrift Ebene 5	<h5>Überschrift Ebene 5</h5>	Überschrift Ebene 5
###### Überschrift Ebene 6	<h6>Überschrift Ebene 6</h6>	Überschrift Ebene 6

Alternative Syntax

Alternativ kannst du unterhalb des Textes eine beliebige Anzahl von == -Zeichen für eine Überschrift der Ebene 1 oder -- -Zeichen für eine Überschrift der Ebene 2 hinzufügen.

Markdown	HTML	Gerendertes Ergebnis
Überschrift Ebene 1 ===============	<h1>Überschrift Ebene 1</h1>	Überschrift Ebene 1
Überschrift Ebene 2 ---------------	<h2>Überschrift Ebene 2</h2>	Überschrift Ebene 2

Beste Praktiken für Überschriften

Markdown-Anwendungen sind uneinig darüber, wie sie mit fehlenden Leerzeichen zwischen den Nummernzeichen ( # ) und dem Überschriftennamen umgehen. Um Kompatibilität zu gewährleisten, setze immer ein Leerzeichen zwischen die Nummernzeichen und den Überschriftennamen.

Absätze

Um Absätze zu erstellen, trenne Abschnitte mit einer Leerzeile.

Zeilenumbrüche

Um einen Zeilenumbruch oder eine neue Zeile ( <br> ) zu erzeugen, beende eine Zeile mit zwei oder mehr Leerzeichen und drücke dann die Eingabetaste.

Hervorhebung

Du kannst Text fett oder kursiv hervorheben.

Fett

Um Text fett zu formatieren, setze zwei Sternchen oder Unterstriche vor und nach ein Wort oder eine Phrase.

✅  So machst du es richtig	❌  So solltest du es nicht machen
Love**is**bold	Love__is__bold

Kursivschrift

Um Text kursiv zu formatieren, füge ein Sternchen oder einen Unterstrich vor und nach einem Wort oder einer Phrase hinzu. Um die Mitte eines Wortes zur Betonung kursiv zu setzen, verwende ein einzelnes Sternchen ohne Leerzeichen um die Buchstaben herum.

Markdown	HTML	Gerendertes Ergebnis
Kursiver Text ist das *Nonplusultra*.	Kursiver Text ist das <em>Nonplusultra</em>.	Kursiver Text ist das Nonplusultra .
Kursiver Text ist das _Nonplusultra_.	Kursiver Text ist das <em>Nonplusultra</em>.	Kursiver Text ist das Nonplusultra .
Eine Katze miaut	Eine<em>Katze</em>miaut	Eine Katze miaut

Beste Praktiken für Kursivschrift

Markdown-Anwendungen sind sich uneinig darüber, wie sie mit Unterstrichen in der Mitte eines Wortes umgehen. Um Kompatibilität zu gewährleisten, verwende Sternchen für Kursivschrift in der Mitte eines Wortes.

✅  So machst du es richtig	❌  So solltest du es nicht machen
Eine*Katze*miaut	Eine_Katze_miaut

Fett und Kursiv

Um Text sowohl fett als auch kursiv zu formatieren, füge drei Sternchen oder Unterstriche vor und nach einem Wort oder einer Phrase hinzu. Um die Mitte eines Wortes fett und kursiv zu setzen, verwende drei Sternchen ohne Leerzeichen um die Buchstaben herum.

</table class="grid-table">

Markdown	HTML	Gerendertes Ergebnis
Dieser Text ist ***wirklich wichtig***.	Dieser Text ist <em><strong>wirklich wichtig</strong></em>.	Dieser Text ist wirklich wichtig .
Markdown	HTML	Gerendertes Ergebnis
1. Erstes Element 2. Zweites Element 3. Drittes Element 4. Viertes Element	<ol>   <li>Erstes Element</li>   <li>Zweites Element</li>   <li>Drittes Element</li>   <li>Viertes Element</li> </ol>	Erstes Element Zweites Element Drittes Element Viertes Element
Markdown	HTML	Gerendertes Ergebnis
- Erstes Element - Zweites Element - Drittes Element - Viertes Element	<ul>   <li>Erstes Element</li>   <li>Zweites Element</li>   <li>Drittes Element</li>   <li>Viertes Element</li> </ul>	Erstes Element Zweites Element Drittes Element Viertes Element
✅  So machst du es richtig	❌  So solltest du es nicht machen
- Erstes Element - Zweites Element - Drittes Element - Viertes Element	+ Erstes Element * Zweites Element - Drittes Element + Viertes Element

Verwandte Beiträge