Webseiten erstellen

veröffentlicht: Do, 10.2.2022 16:52

Teil 1: Texte, Links und Bilder mittels Markdown beschreiben

Überschriften

Überschriften werden mit dem Hashtag-Zeichen (#) gekennzeichnet. Ich verwende momentan nur h2 und h4. Es können aber auch alle gültigen (h1 bis h6) Überschriften verwendet werden.

Text

Normaler Text muss nicht speziell gekennzeichnet sein. Achten Sie aber darauf, dass vor und nach einem Absatz jeweils eine Leerzeile enthalten ist. Andernfalls wird manchmal die Formatierung nicht geändert.

Links

Links werden im Format “[B](L)” erfasst.

[B]		(L)
[Beschreibung]		(Link)

Bsp:

[wikipedia](https://de.wikipedia.org/wiki/Markdown)

ergibt: wikipedia

also einen Link, der die in Klammern angegebene Adresse aufruft:

Bilder

Bei Bildern wird die selbe Syntax verwendet wie bei Links, nur ein führendes Ausrufezeichen steht am Anfang. Der Text in den eckigen Klammern wird als Bildunterschrift verwendet.

![Bilder haben ein Ausrufezeichen am Anfang](images/markdown_editoren.png)

ergibt:

also ein Bild mit der Bildunterschrift aus der eckigen Klammer:

Vollständiges Beispiel

Der Markdown-Code für diese Seite lautet:

## Teil 1: Texte, Links und Bilder mittels Markdown beschreiben

#### Überschriften

Überschriften werden mit dem Hashtag-Zeichen (#) gekennzeichnet.
Ich verwende momentan nur h2 und h4.
Es können aber auch alle gültigen (h1 bis h6) Überschriften verwendet werden.

#### Text

Normaler Text muss nicht speziell gekennzeichnet sein.
Achten Sie aber darauf, dass vor und nach einem Absatz jeweils eine Leerzeile enthalten ist.
Andernfalls wird manchmal die Formatierung nicht geändert.

#### Links

Links werden im Format "\[B\]\(L\)" erfasst.

| [B]            |     | (L)    |
| -------------- | --- | ------ |
| [Beschreibung] |     | (Link) |

Bsp:

\`\`\`

[wikipedia](https://de.wikipedia.org/wiki/Markdown)

\`\`\`

ergibt: [wikipedia](https://de.wikipedia.org/wiki/Markdown)

also einen Link, der die in Klammern angegebene Adresse aufruft:

![Links werden in Klammern gesetzt](images/link.png)

#### Bilder

Bei Bildern wird die selbe Syntax verwendet wie bei Links,
nur ein führendes Ausrufezeichen steht am Anfang.
Der Text in den eckigen Klammern wird als Bildunterschrift verwendet.

\`\`\`

![Bilder haben ein Ausrufezeichen am Anfang](images/markdown_editoren.png)

\`\`\`

ergibt:

![Bilder haben ein Ausrufezeichen am Anfang](images/markdown_editoren.png)

also ein Bild mit der Bildunterschrift aus der eckigen Klammer:
![Ausrufezeichen (1) und Pfad zum Bild (2)](images/bild.png)

#### Vollständiges Beispiel