Voraussetzungen:
Um die in diesem Handbuch gezeigten Schritte auszuführen, benötigen Sie die folgenden Komponenten:
- Ein geeigneter Markdown-Editor. Zum Beispiel, VSCodium , Drücken Sie (Gabel von Atom ) oder einen beliebigen Online-Markup-Editor.
- Ein grundlegendes Verständnis von Markdown (optional).
Abschlag
Markdown ist eine beliebte Auszeichnungssprache, die das Hinzufügen verschiedener Elemente (Überschriften, Bilder, Tabellen usw.) zu einfachen Textdokumenten ermöglicht. Neben seinen integrierten Syntaxen unterstützt Markdown auch verschiedene HTML-Tags. Es hat im Laufe der Zeit aufgrund seiner interessanten Funktionen an Popularität gewonnen:
- Leicht : Im Vergleich zu anderen Auszeichnungssprachen ist Markdown einfach und leichtgewichtig. Der Standard-Markdown enthält nicht viele Syntaxen, behält aber seine vielfältigen Funktionen bei.
- Portabilität : Ein Markdown-Dokument ist grundsätzlich einfacher Text. Somit kann jedes Programm damit arbeiten. Sie können auch auf jeder Plattform einen Markdown-formatierten Text erstellen.
- Popularität : Markdown wird zum Erstellen von Websites, Dokumenten, Notizen, E-Mails und anderen verwendet. Auch große Konzerne wie Reddit, GitHub usw. unterstützen Markdown.
Horizontale Linien im Markdown
In Markdown sieht die horizontale Linie etwa so aus:
Es gibt verschiedene Gelegenheiten, bei denen Sie einem Dokument eine horizontale Linie hinzufügen möchten. Zum Beispiel, um den Anfang/das Ende eines Abschnitts zu kennzeichnen.
Erstellen eines neuen Dokuments
Während wir mit dem Pulsar-Editor arbeiten, müssen wir eine neue Textdatei öffnen, um unser Markdown-Dokument zu speichern. Gehen Sie im Hauptfenster zu Datei >> Neue Datei oder verwenden Sie die „ Strg + N ' Tastaturkürzel.
Der Pulsar-Editor verfügt über eine Live-Markdown-Vorschaufunktion. Um die Live-Vorschau zu aktivieren, gehen Sie zu Pakete >> Markdown-Vorschau >> Vorschau umschalten . Alternativ verwenden Sie die „ Strg + Umschalt + M ' Tastaturkürzel.
Horizontale Linien erstellen
In Markdown gibt es mehrere Syntaxen zur Bezeichnung einer horizontalen Linie:
- ***
- —
- ___
Alle führen zu einer ähnlichen Ausgabe.
Kopieren Sie zur Veranschaulichung den folgenden Code und fügen Sie ihn in den Texteditor ein:
# Hallo Welt___
# der schnelle braune Fuchs
***
# springt über den faulen Hund
___
#123456789
Hier:
- Für eine bessere Optik verwenden wir für jede Textzeile die H1-Formatierung.
- Wir erstellen drei horizontale Linien mit drei verschiedenen Symbolen.
- Vor und nach jedem der horizontalen Liniensymbole gibt es eine neue Zeile.
Es wird empfohlen, einen solchen Abstand zu verwenden, da das „-“-Symbol ohne Abstand eine Überschrift kennzeichnet:
falsche Methode---
Hallo Welt
Horizontale Linien mit HTML erstellen
Wenn Sie zuvor mit HTML gearbeitet haben, sind Sie wahrscheinlich damit vertraut
um horizontale Linien zu erzeugen. Es funktioniert auch in Markdown.
Schauen Sie sich den folgenden Code an:
## Hallo Welt< Std />
Hier:
- Für den Text verwenden wir die H2-Formatierung.
- Der
-Tag generiert eine horizontale Linie in der gerenderten Ausgabe.
Ein interessanter Vorteil dieses Ansatzes besteht darin, dass Sie sich keine Sorgen machen müssen, dass versehentlich eine Überschrift erstellt wird.
Der
Mit dem Tag können auch verschiedene Eigenschaften der Ausgabe angepasst werden. Zum Beispiel: Farbe, Breite usw. Sehen Sie sich das folgende Beispiel an:
< HR-Stil = „Rand: 3 Pixel durchgehend grün“ />
## Beispiel 2
< HR-Stil = „Rand: 9px gestrichelt rot“ />
## Beispiel 3
< HR-Stil = „Rahmen: 9 Pixel fest; Randradius: 9 Pixel; Höhe: 33 Pixel“ />
Hier:
- Alle Beispiele enthalten CSS zur Stilisierung der horizontalen Linie.
- Im ersten Beispiel erstellen wir eine einfache farbige horizontale Linie.
- Im zweiten Beispiel erstellen wir eine gestrichelte horizontale Linie.
- Im dritten Beispiel erstellen wir eine abgerundete horizontale Linie.
Weitere Informationen finden Sie unter das
-Tag in HTML .
Markdown als HTML exportieren
Mit dem richtigen Tool lässt sich ein Markdown-formatiertes Dokument in HTML konvertieren. Der Pulsar-Editor verfügt über diese integrierte Funktion.
Um die gerenderte Ausgabe als HTML zu kopieren, klicken Sie mit der rechten Maustaste auf das Vorschaufenster und wählen Sie „Als HTML kopieren“.
Der resultierende HTML-Code sieht folgendermaßen aus:
Abschluss
Wir haben über das Erstellen horizontaler Linien in Markdown gesprochen. Wir haben gezeigt, wie wir sowohl die integrierte Markdown-Syntax als auch die HTML-Syntax verwenden, um horizontale Linien zu erstellen.
Möchten Sie mehr über Markdown erfahren? Besuche die Markdown-Unterkategorie .