Markdown Center Text
In diesem Handbuch werden einige Möglichkeiten implementiert, um den Text mit Inline HTML an die Mitte auszurichten.
Mitte Text in Markdown mithilfe von HTML:
Um den Text in Markdown zu zentrieren, müssen wir HTML in unserer Markdown -Datei ausüben. Diese Demonstration hilft Ihnen dabei, HTML -Tags für die Ausrichtung des Textes gemäß Ihrem Dokument einzusetzen. Beginnen wir mit den Illustrationen.
Wir verwenden das Visual Studio -Code -Tool, um den Code zu implementieren. Das Tool wird dann gestartet und erstellt eine neue Datei mit "Markdown" als Dateityp. Jetzt werden wir die Skripte darauf kompilieren.
Markdown bietet uns unterschiedliche Syntax zum Styling eines Textes in einem Dokument, bietet jedoch keine native Syntax für die Positionierung von Text in Markdown -Dokumenten. Zum Glück ermöglicht es uns, einfache HTML darin auszuüben. Wir werden also untersuchen, wie wir Text in Markdown unter Verwendung von HTML mit praktischen Beispielen ausrichten können.
In erster Instanz haben wir einen Markdown -Header erstellt. Der Header kann mit den Hash (#) -Symbolen zu einem Markdown -Dokument hinzugefügt werden. Ein einzelner Hash (#) repräsentiert einen Header der Stufe 1. Also haben wir einen Hash (#) hinzugefügt, gefolgt von einem Raum. Wir haben den Header "Dies ist ein Markdown -Header" mit dem Titel "Wir haben" bezeichnet. ". Denken Sie daran, dass Sie nach dem Hash -Symbol einen Raum hinzufügen müssen, um es zu einer Überschrift zu machen. Andernfalls wird er als normaler Text mit Hash -Symbolen angesehen.
Dies ist das vorhergesagte Ergebnis des oben generierten Markdown-Skripts. Hier sehen Sie, dass der Header auf der linken Seite des Dokuments ausgerichtet ist. Dies ist die Standardausrichtung für das Markdown -Skript. Und es kann nicht durch Verwendung von reinem Markdown geändert werden.
Wenn wir jetzt möchten, dass der Header in der Mitte des Dokuments angezeigt wird, haben wir keine andere Auswahl im Markdown, sondern um die HTML -Tags in sie zu verwenden, um die Platzierung des Textes zu ändern, wo immer wir ihn wollen, in der dokumentieren.
Zum Erstellen einer Überschrift hat HTML ein Tag "" ". Dieses Tag enthält zwei Teile: eine Öffnung „“ und ein Abschluss „“. Wir möchten einen Header der Stufe 1 erstellen, damit wir das Tag als „verwenden werden“
”. Um den Text in diesem Tag auszurichten, haben wir das Attribut "Ausrichtung" verwendet. Diese Eigenschaft definiert die Positionierung von Text, Bild, Link, Schaltfläche usw. Auf der Webseite. Hier verwenden wir es, um unseren Markdown -Textheader zu positionieren. Wir haben ihm den Wert „Zentrum“ zugewiesen, da wir den Header in der Mitte der Seite platzieren müssen. Danach haben wir den Text für einen Header als "Dies ist ein Markdown -Header" angegeben. Dann wird das Header -Tag mit “geschlossen“
”.Jetzt im Vorschau -Fenster werden Sie feststellen, dass die Überschrift derzeit in die Mitte des Dokuments gezogen ist.
Für eine klare Unterscheidung stellen wir sowohl die gerenderten Ausgangsheaders mit Markdown als auch mit HTML im folgenden Snapshot zur Verfügung:
Wir haben gelernt, den Header auf der Webseite zu zentrieren. In ähnlicher Weise können Sie den Rest der Überschriften ausrichten: rechts, links, Mitte, Rechtfertigung usw. im Dokument. Jetzt werden wir sehen, wie man Absätze in Markdown zentriert. Wir werden zuerst regelmäßigen Text in Markdown erstellen, um seine Ausrichtung zu sehen, und dann wird er mit HTML auf die Mitte ausgerichtet.
Um einen Textabsatz in Markdown zu erstellen, brauchen wir keine Syntax. Schreiben Sie einfach die Textzeichenfolgen und sie wird als regulärer Absatz angezeigt. Wir haben also einen Absatz als „Wir lernen, den normalen Text in der Mitte der Webseite auszurichten. Markdown zeigt es in der linken Position der Seite mit seinen Standardeinstellungen an.”
Die gerenderte Ausgabe zeigt einen auf der linken Seite ausgerichteten Markdown -Absatz an.
Es gibt keine Möglichkeit, es in der Mitte mit einem Markdown zu bewegen. Auch hier lässt uns HTML dies mit seinen Tags tun. Wir werden einen Absatz in HTML unter Verwendung der angegebenen HTML -Tags für die Erstellung von Absätzen erstellen, die sind
…
”. Der erste "Tag ist das Eröffnungs -Tag und das “
Tag ist das Absatzschließ -Tag. Zwischen diesen beiden Tags wird der Text für den Absatz angegeben. Also haben wir den Absatz zwischen den Absatz -Tags als „Wir lernen, den normalen Text in der Mitte der Webseite auszurichten. Um den Text in der Mitte auszurichten, verwenden wir das HTML.”Dieser Text wird standardmäßig links ausgestellt. Um seine Ausrichtung zu ändern, müssen wir die Eigenschaft „Ausrichtung“ innerhalb der Öffnung verwenden “
" Schild. Also haben wir das eingefügt
Tag darin und lieferte den Wert „Zentrum“, damit der Absatz in die Mitte gesteckt wird.Zusätzlich haben wir die Textschriftgröße von normal auf die Größe „3“ geändert, indem wir das HTML -Tag verwendet und die Größe mit dem Attribut „Größen“ angeben.
Jetzt wird der neu erstellte Absatz in der Mitte angezeigt und die Schriftgröße dieses Absatzes ist größer als die reguläre Textgröße.
Sehen wir uns beide Ausgabeabsätze zusammen, um bessere visuelle Unterschiede in der unten angegebenen Snapshot zu finden:
Sie können die Änderung der Ausrichtung sowie die Variationen der Schriftgröße in beiden Absätzen beobachten.
Wir können auch einen Teil eines Absatzes eher auf das Zentrum als auf den gesamten Absatz ausrichten. Dafür werden wir die HTML -Klasse "" verwenden.
Erstellen Sie zuerst einen Markdown -Absatz und platzieren Sie dann die Textzeilen zwischen den Div -Tags „…“, die wir in der Mitte angezeigt werden möchten. Innerhalb des Eröffnungs-Div-Tags haben wir das Attribut "Stil" verwendet und ihm den Wert "Text-Align: Center" zugewiesen.
Die gerenderte Ausgabe zeigt einen teilweise zentralen Absatz ausgerichtet.
Ein weiteres HTML -Tag, das zum Ausrichten des Textes auf das Zentrum verwendet werden kann, lautet "" ". Dieses Tag ist das einfachste und einfachste. Sie müssen nur zwischen die Tags oder die Textzeile oder den Absatz in die Tags einsetzen, um sie zu zentrieren.
Um die Überschrift in die Mitte zu platzieren, haben wir zunächst die Eröffnungs- und Schließen der „…“ -Tags platziert, und zwischen diesen Tags haben wir die HTML verwendet “
…
Tags, um eine Überschrift anzugeben. Der Inhalt, den wir für die Überschrift bereitgestellt haben, lautet: „Dies ist unsere Stufe-2-Überschrift.”Die derzeit erstellte Überschrift der zweiten Stufe ist erfolgreich in der Mitte des Dokuments ausgerichtet.
In ähnlicher Weise können wir dieses Tag -Center die Absätze im Markdown verwenden. Wir haben die "..." -Tags initialisiert und die "die" verwendet "
… .
Tags zwischen ihnen, um einen Absatz zu erstellen. Der Text zwischen den Absatz -Tags lautet: „Wir zentrieren den Absatz jetzt.”Dies ergibt uns die folgende Ausgabe:
Abschluss:
In diesem Artikel haben wir Ihnen verschiedene Techniken zur Ausübung der HTML -Tags zur Verfügung gestellt, um den Text in der Mitte auszurichten. Die Ausgabe jeder Technik wird mit der nativen Markdown -Syntax verglichen, um die Unterschiede verständlich zu machen. Wir haben die Skripte im Visual Studio -Code im Windows -Betriebssystem implementiert.