Markdown -Tabelle

Markdown ist eine Sprache, die normalerweise verwendet wird, um die Formatelemente in eine Klartext -Textdatei hinzuzufügen. Wir können alle Funktionen des HTML im Markdown problemlos verwenden. Wir können viel Arbeit mit „Markdown“ erledigen, z. B. das Hinzufügen der Überschriften mit der Sprache „Markdown“ und das mutige und kursiv. Markdown hilft auch beim Erstellen von Tabellen. In diesem Handbuch wird erklärt, wie Sie "Tabellen" in "Markdown" erstellen können. Diese „Markdown“ -Versprache hängt nicht von einer Plattform ab, sodass wir diese Codes in jedem Texteditor durchführen können. Wir werden die Tabellen mit "Markdown" in diesem Tutorial erstellen. Wir werden auch die Codes präsentieren, in denen wir die Tabellen im „Markdown“ erstellen werden.

Beispiel 1:

Wir verwenden den Visual Studio -Code, in dem wir die Tabellen im „Markdown“ erstellen,. Wir geben den Code in seinen Texteditor ein. Um seine Ausgabe zu erhalten, öffnen wir das Vorschauderfenster, indem wir das Symbol drücken, das in der rechten Ecke dieses Texteditors vorhanden ist. Jetzt erstellen wir die Tabelle. Zu diesem Zweck verwenden wir zwei Symbole, nämlich Rohre „|“ und Bindestriche "-". Die „Bindestriche“ werden verwendet, um den Header jeder Spalte zu erstellen. Die „Rohre“ werden verwendet, um jede Spalte der Tabelle zu trennen.

Hier fügen wir das "|" hinzu Pfeife zuerst und dann den „Namen“ platzieren. Wir fügen ein "|" hinzu Wieder Pfeife. Es bedeutet, dass wir eine Zelle der Tabelle erstellt haben. Danach fügen wir das "Alter" hinzu und platzieren dann das "|" nochmal. Jetzt ist es die zweite Zelle dieser Tabelle. Unterhalb des "Namens" fügen wir die "Bindestriche" zwischen zwei weiteren "Pipes" hinzu, was bedeutet, dass der vorherige „Name“, den wir hier hinzugefügt haben, der Spaltenname der Tabelle ist. Wir fügen diese Bindestriche auch unter das „Alter“ in den „Rohren“ hinzu, wodurch der Spaltenname der Tabelle „Alter“ verwendet wird.

Danach fügen wir einige Namen und Alter in diese Spalten ein, die wir erstellt haben. Wir fügen "James" zwischen zwei Rohren hinzu. Wir fügen "23" in der Spalte "Alter" hinzu, die auch zwischen zwei Rohren eingefügt wird. Unten fügen wir "William" hinzu, indem wir eine Pfeife vor "William" und eine Pfeife nach "William" platzieren, indem wir "William" und eine Pfeife platzieren ".

Dann fügten wir "34" auf die gleiche Weise hinzu wie in der Altersspalte. Danach setzen wir "Peter" und "21" ein, indem wir die Rohre am Anfang und am Ende platzieren. Wir trennen auch sowohl "Peter" als auch "21", indem wir das „Rohr“ dazwischen platzieren. Jetzt fügen wir "Bromley" und "28" hinzu, die in der nächsten Reihe erscheinen. "Bromley" erscheint in der Spalte "Name" und "28" erscheint in der Spalte "Alter". Dann fügen wir "Newton" und "41" hinzu, die in der nächsten Zeile dieser Tabelle erscheinen. Wir fügen auch "Verbündete" und "29" unter dem "Newton" und "41" hinzu. Dann fügen wir in der nächsten Reihe "Edward" und "33" hinzu. Wir fügen auch in der letzten Reihe "Jacob" und "40" hinzu. Wir müssen diesen Code nicht debuggen, da die Ausgabe dieses Code im Fenster „Vorschau“, das wir hier öffnen.

Dies ist das Fenster „Vorschau“, in dem die Ausgabe dieses Code angezeigt wird. Die zuvor erstellte Tabelle wird hier angezeigt. Sie können sehen, dass der „Name“ und das „Alter“ hervorgehoben werden, da beide die Spaltennamen dieser beiden Spalten sind, die wir der Tabelle hinzugefügt haben. Dann ist die vertikale Linie unter diesen Namen vorhanden, die ebenfalls fett sind. Alle Daten werden in diesen Spalten entsprechend eingefügt, wie wir zuvor im Tabellenformat hinzugefügt wurden.

Beispiel 2:

In diesem Beispiel fügen wir drei Spalten hinzu und platzieren ein Rohr "|" Nach jedem Spaltennamen. Wir fügen zunächst die Spaltennamen hinzu, die "writer_name, writer_pay und writer_qualification" sind. Wir fügen die folgenden „Bindestriche“ ein, sodass die obigen Namen von den folgenden Daten getrennt sind, die wir hier hinzufügen. Die angegebenen Namen sind die Namen dieser Spalten und erscheint in der Vorschau fett. In der folgenden Abbildung fügen wir "Jeffery, 23000 und BS-It" hinzu. Wir trennen auch jeden Wert, indem wir „Rohre“ zwischen ihnen platzieren.

Außerdem fügen wir die Rohre am Anfang und am Ende hinzu. Diese drei Werte werden in einer Zeile und drei Spalten angezeigt. Dann fügen wir "Ryan, 34000 und MS-It" hinzu, indem wir sie mit "|" trennen. Danach fügen wir "Jonathan, 21000 und BBA" hinzu, das in der dritten Reihe hinzugefügt wird. Ebenso fügen wir dieser Tabelle sechs weitere Zeilen hinzu, indem wir jeden Wert der Zeile mit Hilfe von „Rohren“ trennen, wie im folgenden Bild gezeigt:

Hier ist der Tisch, den wir zuvor gemacht haben. Wie Sie sehen können. Alle Daten werden in diesen Spalten angemessen eingegeben, wie wir zuvor eingefügt haben.

Beispiel 3:

Hier erstellen wir eine Tabelle, aber diesmal lassen wir den Text fett und kursiv, der in die Tabelle eingefügt wird. Wir erstellen zwei Spalten für diese Tabelle. Die Spaltennamen, die wir hier hinzufügen, sind "Stile" und "Beschreibung". Wir platzieren dann die drei Bindestriche unter die Namen jeder Spalte in den „Rohren“. Danach fügen wir den "kursiven Text" in der ersten Spalte hinzu. Dann platzieren wir einen Text in der nächsten Spalte, indem wir "|" platzieren Dort.

Wir fügen den Text in das "*" hinzu. Wir legen einen "*" vor dem Text und einen "*" nach dem Text. Wir setzen dann das "|" Rohr. Dieser Text wird jetzt in kursiv Form angezeigt. Darunter fügen wir den "fett gedruckten Text" in die Spalte "Stiles" hinzu. Wir legen zwei "**" -Sterizken in die Spalte "Beschreibung" ein. Wir schreiben dann einen Text und platzieren dann die "**" zwei Sternchen noch einmal. Jetzt ist der Text, der dazwischen geschrieben ist.

Jetzt wollen wir den Text gleichzeitig mutig und kursiv machen. Dafür legen wir drei Sternchen "***" vor dem Text und drei Sternchen "***" nach dem Text. Der Text erscheint in fettem und kursivem Format gleichzeitig.

Der in der Spalte "Beschreibung" der erste Zeile dargestellte Text wird im kursiven Format angezeigt. Unter dem Text, der in der zweiten Zeile der Spalte „Beschreibung“ vorhanden ist, erscheint dann fett. Der Text, der in der letzten Zeile der Spalte "Beschreibung" vorhanden ist, erscheint in "fett" und "kursiv".

Beispiel 4:

Wir können auch die Ausrichtung des Textes festlegen, der in der Tabelle mit den Colons „“ mit den Bindestrichen „-“ geschrieben ist. Das „:-“ zeigt die linke Ausrichtung, die „:-:“ zeigt die mittlere Ausrichtung und das „-:“ wird für die richtige Ausrichtung verwendet. Wir fügen die Spaltennamen der Tabelle hinzu, die „Ausrichtung der linken, zentrale Ausrichtung und rechte Ausrichtung“ sind. Wir fügen ":-" unter der Spalte "Linksausrichtung" hinzu.

Nun erscheint der Text, der zur Spalte „Linksausrichtung“ hinzugefügt wird, auf der linken Seite. In der Spalte „Center-Ausrichtung“ fügen wir den ":":-: "unter dem Spaltennamen hinzu, so dass alle in dieser Spalte eingegebenen Daten in der Mitte dieser Spalte oder Zellen erscheinen. In der Spalte "Right Alignment" fügen wir ":" hinzu.

Die Werte, die in der Spalte „Linksausrichtung“ vorhanden sind, sind auf der linken Seite angezeigt. Die Werte, die in der Spalte „Center -Ausrichtung“ vorhanden sind, sind in der Mitte dieser Spalte angezeigt. Die Werte, die hier in der Spalte „Right Alignment“ sind, erscheinen auf der „rechten“ Seite. Dies liegt daran, dass wir diese Ausrichtungen im vorherigen Code angepasst haben.

Abschluss

Das Konzept „Markdown -Tabelle“ wird in diesem Tutorial erklärt. Wir haben erklärt, wie diese „Markdown“ -Prielfache beim Erstellen der Tabellen hilft. Wir haben erklärt, wie man die Tabellen erstellt und wie die Spaltennamen der Tabellen angepasst werden. Wir haben auch diskutiert, wie die Formatierung auf den Text angewendet wird, den wir in den Spalten der Tabelle hinzugefügt haben. Wir haben auch erklärt, wie die Ausrichtung des Textes der Spalte der Tabelle angepasst werden kann. Wir haben alle Vorstellungen „Markdown -Tabellen“ in diesem Tutorial im Detail besprochen.