Verschachtelte Markdown-Listen

Verschachtelte Markdown Listen



„Bei Markdown gibt es zwei Arten von Listen, die erstellt werden können. Die erste ist die ungeordnete Liste (mit Aufzählungszeichen) und die zweite die geordnete Liste (nummeriert). In diesem Tutorial erstellen wir verschachtelte Listen mit beiden Arten von Markdown-Listen.

Für die Implementierung des Skripts verwenden wir hier das Tool Visual Studio Code.“

Beispiel Nr. 1: Ungeordnete verschachtelte Listen in Markdown

In dieser Demonstration wird die Technik zum Verschachteln der ungeordneten Listen in Markdown erläutert. Um eine ungeordnete Liste zu erstellen, bietet uns Markdown verschiedene Optionen, die zum Generieren einer ungeordneten Liste verwendet werden können. Dies sind Pluszeichen (+), Bindestriche (-) oder Sternchen (*). Sie können jede dieser Optionen verwenden. Mal sehen, wie jedes davon funktionieren wird.







Wir werden zuerst eine Liste erstellen, indem wir die Bindestriche (-) vor dem Listenelement hinzufügen. Wir haben eine Liste erstellt. Um eine Liste mit Bindestrichen zu erstellen, muss dem Muster gefolgt werden, dass wir einen Bindestrich (-), dann ein Leerzeichen und den Namen der Liste hinzufügen müssen. Für die nächste Liste erkennt der Markdown das Format und fügt das vorhergehende Tempo automatisch in die nächste Skriptzeile ein. Da wir die Bindestriche (-) verwenden, um eine ungeordnete Liste zu erstellen, wird beim Wechseln zur nächsten Zeile automatisch der Bindestrich eingefügt. Hier haben wir eine Liste mit 5 Elementen erstellt, die „Pakistan“, „Iran“, „Afghanistan“, „Indien“ und das letzte Element „China“ sind.



  1.jpg



Das Vorschaufenster zeigt uns 5 Listenelemente, die mit Aufzählungszeichen angezeigt werden. Das Ergebnis ist im unten angehängten Schnappschuss zu sehen.





  D aus.jpg

Jetzt werden wir das Pluszeichen (+) verwenden, um die Markup-ungeordnete Liste zu erstellen.



Hier haben wir nur die Bindestriche (-) durch das Pluszeichen (+) ersetzt.

  mehr.jpg

Dies gibt uns die gleiche Ausgabe, die wir für die obige Übungstechnik erhalten haben.

  D aus.jpg

Jetzt überprüfen wir es mit der letzten Technik, bei der die Sternchen (*) vor dem Namen des Listenelements hinzugefügt werden.

  sterisch.jpg

Durch das Hinzufügen der Sternchen erhalten wir sogar dieselben Aufzählungszeichen.

  D aus.jpg

Wir haben daraus gelernt, dass alle diese Techniken dieselbe ungeordnete Ausgabeliste mit Elementen darstellen, die mit Aufzählungszeichen angezeigt werden.

Zum Erstellen der verschachtelten Listen sind die Techniken, die verwendet werden können, die gleichen wie die oben diskutierten. Wir wählen die Dash (-)-Technik, um die ungeordneten verschachtelten Listen zu erstellen. Wir haben zuerst eine Überschrift hinzugefügt, indem wir das Hash-Symbol (#) und ein Leerzeichen vor dem Überschriftentext verwendet haben. Das eine „#“ bezieht sich auf den Überschriftenstil „h1“. Der Text, den wir für die Überschrift festgelegt haben, lautet „Länder mit Hauptstädten“, also wird dies unsere Hauptüberschrift sein. In der nächsten Zeile fügen wir dann eine Unterüberschrift ein, indem wir die dreifachen Hashes verwenden, die sich auf die Überschrift „h3“ beziehen. Und die Zeichenfolge für die Überschrift lautet „Die Liste der Länder und ihre Hauptstädte sind:“. Dann beginnt die verschachtelte Liste. Wir haben das Bindestrich-Symbol (-) hinzugefügt, um das erste Listenelement als „Pakistan“ zu erstellen.

Um eine Liste innerhalb dieser Liste hinzuzufügen, müssen wir in der nächsten Zeile des Skripts vier Leerzeichen hinzufügen. Dann werden Bindestrich (-), Leerzeichen und Name der Unterliste geschrieben. Also haben wir das erste Listenelement als „Pakistan“ und darin wird die Unterliste als „Islamabad“ hinzugefügt, dann das nächste Element der Liste als „Iran“ mit dem Unterlistenelement „Teheran“, 3 rd Angehängtes Listenelement ist „Afghanistan“ mit dem Unterlistenelement „Kabul“, dann „Indien“ mit dem verschachtelten Listenelement „Delhi“ und schließlich „China“ mit dem Unterlistenelement „Peking“.

  ungeordnet verschachtelt.jpg

Die gerenderte Ausgabe ist im unten angehängten Bild zu sehen, das eine Überschrift, eine Unterüberschrift und dann verschachtelte ungeordnete Markdown-Listen zeigt.

  uo aus.jpg

Beispiel Nr. 2: Geordnete verschachtelte Listen in Markdown

In dieser Abbildung erfahren wir, wie die geordneten Markdown-Listen aussehen und wie verschachtelte geordnete Listen erstellt werden.

Die geordneten Listen sind diejenigen, deren Elemente mit den Nummern hinzugefügt werden. Bei der Erstellung einer geordneten Liste bestimmt die Nummer des ersten Listeneintrags die Anfangsnummer der ausgegebenen fortlaufenden Listennummer. Lassen Sie es uns durch ein Skript lernen.

Wir haben eine Liste mit 7 Artikeln wie „Rot“, „Blau“, „Lila“, „Orange“, „Gelb“, „Rosa“ und „Weiß“ erstellt. Um eine geordnete Liste mit diesen Artikeln zu erstellen, haben wir die Nummern, einen Punkt und den Namen des Artikels hinzugefügt. Hier haben wir die Liste mit der Zahl „1“ begonnen, die fortlaufend bis „7“ reicht.

  bestellung.jpg

Hier ist die Ausgabe für das oben geschriebene Markdown-Skript.

  bestellen.jpg

Lassen Sie uns nun sehen, was passiert, wenn wir der Liste zufällige Zahlen mit denselben Elementen hinzufügen.

Wir haben die Zahlen geändert und nun als „1“, „4“, „3“, „7“, „2“, „7“ und „5“ hinzugefügt. Sie können beobachten, dass die Zahlen zufällig hinzugefügt werden.

  oder 2.jpg

Aber das Vorschaufenster zeigt uns die Ausgabeliste mit einer sequentiellen Liste beginnend bei 1. Dies liegt daran, dass Markdown nur die erste angegebene Nummer berücksichtigt und dann die Liste sequenziell ordnet, beginnend mit dieser bestimmten Nummer.

Der Einfachheit halber stellen wir ein weiteres Beispiel zur Verfügung, bei dem die erste Zahl, die wir angegeben haben, „5“ ist und dann einige Zufallszahlen.

  oder 3.jpg

Sie können in der Ausgabe sehen, dass die Liste bei 5 beginnt und dann die Zahlen der Reihe nach hinzufügt. Sie müssen also mit der Nummerierung der Listenelemente bei „1“ beginnen, damit sie in der richtigen Reihenfolge der Nummern erscheinen.

  o 3 aus.jpg

Wir können auch eine verschachtelte geordnete Liste in Markdown erstellen. Dazu haben wir zunächst eine Überschrift mit dem einfachen Hash (#) als „Nested Ordered List“ hinzugefügt und dann die Unterüberschrift im Stil „h3“ mit 3 Hashes (###) mit dem Text „This is our verschachtelte geordnete Liste in Markdown:“. Unter Verwendung der oben erstellten Liste haben wir nun einige Unterlisten hinzugefügt. Die Unterlisten werden erstellt, indem vier Leerzeichen und dann die Nummer, ein Leerzeichen und der Elementname hinzugefügt werden. Die Unterliste muss bei der Nummer „1“ beginnen. Daher haben wir Unterlistenelemente für die Listenelemente „Purple“ und „Yellow“ als „Plum“, „Yellow“ und „Lime“ hinzugefügt.

  n o l.jpg

Dadurch erhalten wir die resultierende verschachtelte geordnete Liste, die im folgenden Schnappschuss angezeigt wird.

  n o l o.jpg

Beispiel Nr. 3: Verschachtelte Listen in Markdown mischen

Als letztes werden wir sehen, wie man eine verschachtelte Liste mit den geordneten und ungeordneten Listen erstellt. Wir werden eine ungeordnete Liste erstellen; innerhalb dieser Liste wird eine geordnete Liste erzeugt und dann wird eine weitere ungeordnete Unterliste innerhalb der geordneten Liste initialisiert.

Wir haben zuerst eine Überschrift und eine Unterüberschrift hinzugefügt, und dann beginnen wir die erste Liste mit der ungeordneten Liste. Das erste Element der ungeordneten Liste ist „Asien“; Innerhalb dieser Liste haben wir eine neue geordnete Liste mit dem Namen des Landes dieses bestimmten Inhalts begonnen. Und dann haben wir unter dem Namen der Länder-Unterliste eine weitere Unterliste erstellt, die den Namen einer Stadt dieses bestimmten Landes enthält. Für das ungeordnete Listenelement „Asien“ haben wir also die Listenelemente „Pakistan“, „Iran“ und „China“ geordnet. Und unter dem geordneten Listenelement „Pakistan“ haben wir ein ungeordnetes Listenelement „Rawalpindi“.

Sie können den Rest des Skripts im Bild unten sehen:

  endgültig.jpg

Dies ergibt das folgende Ergebnis, das verschachtelte Listen zeigt:

  final out.jpg

Fazit

In diesem Leitfaden wurden die Techniken zum Erstellen von Listen und zum Verschachteln dieser Listen erläutert. Wir haben die 2 verschiedenen Arten von Listen erklärt, nämlich ungeordnete und geordnete Listen. Wir haben in diesem Artikel 3 Instanzen durchgeführt. Im ersten Beispiel haben wir gelernt, eine einfache ungeordnete Liste und verschachtelte ungeordnete Listen zu erstellen. Dann die 2 nd Abbildung sprach über die geordneten Listen und die verschachtelten geordneten Listen. Die letzte Instanz betonte die Verschachtelung von geordneten und ungeordneten Listen.