Kapitel 3: Erweiterte Textformatierung

In diesem Kapitel lernen Sie fortgeschrittene Techniken zur Textformatierung in Markdown.

3.1 Tabellen

Tabellen sind in Markdown sehr nützlich, um strukturierte Daten darzustellen.

Grundlegende Tabellensyntax

| Spalte 1 | Spalte 2 | Spalte 3 |
|-----------|-----------|-----------|
| Zelle 1  | Zelle 2  | Zelle 3  |
| Zelle 4  | Zelle 5  | Zelle 6  |

Ergebnis:

Spalte 1	Spalte 2	Spalte 3
Zelle 1	Zelle 2	Zelle 3
Zelle 4	Zelle 5	Zelle 6

Ausrichtung in Tabellen

| Links | Mitte | Rechts |
|:-------|:------:|-------:|
| Text  | Text  | Text  |

• :--- = Linksbündig
• :---: = Zentriert
• ---: = Rechtsbündig

3.2 Syntaxhervorhebung (Code-Blöcke)

Inline-Code

Verwenden Sie einfache Backticks für Code innerhalb von Text:

Die Funktion `printf()` gibt Text aus.

Code-Blöcke mit Sprachangabe

```python
def hallo():
    print("Hallo Welt!")
```

Unterstützte Sprachen:

• python, javascript, java, c++
• html, css, json, yaml
• bash, shell, sql

Zeilennummern (bei manchen Editoren)

In VS Code mit "Markdown Preview Enhanced":

```javascript {1,3-5}
function test() {
  console.log("Zeile 1");
  console.log("Zeile 2");
  console.log("Zeile 3");
}
```

3.3 Fußnoten

Fußnoten sind nützlich für Referenzen und zusätzliche Informationen.

Syntax

Das ist ein Text mit einer Fußnote[^1].

Noch eine Fußnote[^2].

[^1]: Das ist der Inhalt der ersten Fußnote.
[^2]: Das ist der Inhalt der zweiten Fußnote.

Ergebnis:

• Fußnoten werden am Ende des Dokuments angezeigt
• Automatische Nummerierung

3.4 Definitionen (bei manchen Dialekten)

Begriff 1
: Definition 1

Begriff 2
: Definition 2a
: Definition 2b

3.5 Durchgestrichener Text

~~Dieser Text ist durchgestrichen~~

Ergebnis: Dieser Text ist durchgestrichen

3.6 Aufgabenlisten (Task Lists)

Nützlich für To-Do Listen:

- [x] Aufgabe 1 erledigt
- [ ] Aufgabe 2 offen
- [ ] Aufgabe 3 offen

Ergebnis (in unterstützten Editoren wird eine Checkbox angezeigt):

• [x] Aufgabe 1 erledigt
• [ ] Aufgabe 2 offen
• [ ] Aufgabe 3 offen

3.7 Emojis

Viele Markdown-Editoren unterstützen Emojis:

:smile: :heart: :thumbsup: :rocket:

Ergebnis: 😄 ❤️ 👍 🚀

Beliebte Emojis

Emoji-Code	Emoji
:smile:	😄
:heart:	❤️
:thumbsup:	👍
:rocket:	🚀
:warning:	⚠️
:bulb:	💡

3.8 Automatische Links

<https://www.beispiel.de>

Ergebnis: https://www.beispiel.de

3.9 Escape-Zeichen

Manchmal möchten Sie Markdown-Symbole als Text anzeigen:

Das ist ein \*Sternchen\*, kein kursiver Text.
Das ist ein \`Backtick\`, kein Code.

Ergebnis: Das ist ein *Sternchen*, kein kursiver Text.

3.10 HTML in Markdown

Sie können HTML direkt in Markdown verwenden:

Das ist <span style="color: red">roter Text</span>.

<details>
<summary>Klicken Sie hier</summary>
Das ist versteckter Inhalt.
</details>

3.11 Zusammenfassung

In diesem Kapitel haben Sie gelernt:

• ✅ Tabellen erstellen und formatieren
• ✅ Syntaxhervorhebung für Code-Blöcke
• ✅ Fußnoten verwenden
• ✅ Aufgabenlisten erstellen
• ✅ Emojis einfügen
• ✅ Escape-Zeichen verwenden
• ✅ HTML in Markdown nutzen

Im nächsten Kapitel werden wir lernen, wie man Bilder und Links effektiv nutzt!

---

Übung: Erstellen Sie eine syntax.md Datei mit:

1. Einer Tabelle mit Ihren Lieblingsbüchern (Titel, Autor, Jahr)
2. Einem Code-Block mit Ihrer Lieblingsprogrammiersprache
3. Einer Aufgabenliste für heute
4. Ein paar Emojis für gute Laune 😊