Fügen Sie Bilder in Markdown hinzu und ändern Sie die Bildgröße

"Markdown" ist eine der Markup -Sprache, die verschiedene Einrichtungen zum Hinzufügen von Text, Überschriften, Absätzen, Listen und Links bietet. Wir können auch Formatierung auf diese Elemente in Markdown anwenden. Wir können auch Bilder in Markdown einfügen und dann die Größe der Bilder ändern, die wir in Markdown hinzugefügt haben. Um die Größe des Bildes in Markdown zu ändern oder zu ändern, müssen wir das Tag verwenden. Wir zeigen Ihnen in diesem Handbuch, wie Sie Bilder in Markdown hinzufügen sowie die Größe des Bildes in Markdown ändern können.

Zum Hinzufügen von Bildern in Markdown:

Die Syntax ist unten angegeben.

![ALT -Text] (Pfad des Bild-/Bildnamens mit Erweiterung "Text, der angezeigt wird, wenn Mausover")

Zum Ändern der Bildgröße in Markdown:

Um die Größe des Bildes in Markdown zu ändern, verwenden wir das "" "Tag des HTML. Nur dieses Tag hilft dabei.

Wir können die Größe des Bildes ändern, indem wir die Werte von Breite und Höhe in Zahlen sowie in Prozentsätzen festlegen. Wir können das Style -Attribut auch in diesem "" -Tag verwenden, um die Größe des Bildes in Markdown zu ändern.

Beispiel # 01:

Wir verwenden den Visual Studio -Code für die Durchführung der Markdown -Codes. Für die Markdown -Codes müssen wir sowohl den Texteditor als auch das Vorschau -Fenster öffnen. Im Texteditor müssen wir die Eingabe hinzufügen und die Ausgabe wird im Vorschau -Fenster erhalten. Im Texteditor fügen wir das Bild zunächst in Markdown hinzu, indem wir die “platzieren!Symbol und dann quadratische Klammern hinzufügen, in denen wir "Alt -Text" hinzufügen. Jetzt fügen wir den Pfad des Bildes hinzu.

Wir geben den Namen des Bildes mit seiner Erweiterung ein, da sowohl der Code als auch das Bild im selben Verzeichnis gespeichert sind. Also fügen wir hier einfach den Namen hinzu, der „Cloud“ ist.PNG ”. Dann fügen wir den Text hinzu. Jetzt wird das Bild hinzugefügt und wir können dieses Bild auch im Vorschaufenster sehen.

Das Cloud -Bild ist unten gezeigt, da wir dieses Bild im oben angezeigten Markdown -Code hinzugefügt haben.

Beispiel # 02:

Jetzt ändern wir die Größe dieses Bildes mit dem Tag "" ". Zunächst geben wir den „SRC“ ein, in dem der Name oder Pfad des Bildes hinzugefügt wird. Danach platzieren wir "Alt" und passen das „Wolkenbild“ an. Wir haben die „Breite“ des Bildes auf „230“ eingestellt. Die "Höhe" wird auf "300" eingestellt. Wir fügen auch den "Titel" in diesem "" -Tag hinzu und der Wert dieses "Titels" lautet "Cloud -Titel". Jetzt wird die Größe des Bildes modifiziert. Sie können die modifizierte Größe des Bildes im Vorschaufenfenster sehen.

Die Größe des Bildes in diesem Ergebnis wird modifiziert und die „Breite“ des Bildes lautet „230“ und die „Höhe“ beträgt „300“. Dies liegt daran, dass wir diese Breite und Höhe im Markdown -Code angepasst haben.

Beispiel # 03:

Wir können auch das Bild „Breite“ und „Höhe“ ändern, indem wir ihre Werte in Prozentsätze einsetzen. Nachdem wir den Namen oder Pfad des Bildes hinzugefügt und das „Alt“ an „Wolkenbild“ angepasst haben, haben wir die „Breite“ und die „Höhe“ des Bildes auf „50%“ gesetzt, die „Breite“ und die „Höhe“ des Bildes festgelegt haben. Fügen Sie dann den "Titel" hinzu und schließen Sie dieses Tag.

Hier ist das Bild, dessen Größe mithilfe des Tags "" "modifiziert wird. Die Höhe des Bildes sowie die Breite betragen „50%“.

Beispiel # 04:

Jetzt verwenden wir das Attribut "Stil" in diesem "" -Tag, um die Größe des Bildes in Markdown zu ändern. Wir müssen den Namen des Bildes und dann das Alt -Attribut hinzufügen. Danach setzen wir das Attribut "Stil" und fügten "Breite und Höhe" als Werte hinzu. Die "Breite", die wir einstellen, ist in Pixel, das "500px" ist und die "Höhe" "400px" ist. Jetzt wird sich die Bildgröße entsprechend anpassen.

Die Größe des Bildes in diesem Ergebnis wurde aktualisiert. Die „Breite“ ist jetzt „500px“ und seine „Höhe“ beträgt „400px“. Dies ist aufgrund des oben angegebenen Markdown -Codes sichtbar, in dem wir die Breite und Höhe im Stilattribut angepasst haben.

Beispiel # 05:

Wir fügen ein weiteres Bild hinzu. In diesem Markdown -Code ändern wir jedoch nicht die Größe des Bildes. Die Größe des Bildes wird nur geändert, wenn wir das "" "" "" Tag verwendet haben. Wir setzen das "!"Und fügen Sie dann den Text in die quadratischen Klammern hinzu, das" Sun Image "ist. Nach dem Schließen der quadratischen Klammern platzieren wir die Klammern, in die wir den Bildnamen „new_sun) eingefügt haben.PNG ”und fügen Sie dann den Text hinzu, der auf Mouseover angezeigt wird. Die ursprüngliche Größe des Bildes wird im Ergebnis angezeigt.

Das Bild der Sonne wird angezeigt, da wir dieses Bild im Markdown -Code hinzugefügt haben. Außerdem ist die ursprüngliche Größe des Bildes sichtbar, da wir die Größe des Bildes nicht anpassen können, ohne das Tag "" "zu verwenden.

Beispiel # 06:

Durch die Verwendung des „“ Tags ändern wir jetzt die Größe dieses Bildes. Zunächst fügen wir den Namen oder Pfad des Bildes hinzu, dessen Größe wir zum Feld „SRC“ ändern möchten. Das Bild "Breite" und "Höhe" wurde beide in "300" geändert. Die Größe des Bildes hat sich jetzt geändert. Das Vorschau -Fenster zeigt die neue Größe des Bildes an.

Die Breite und Höhe des Bildes wurden beide auf "300" modifiziert.

Beispiel # 07:

Indem wir die Werte „Breite“ und „Höhe“ des Bildes in Prozent festlegen, können wir diese Abmessungen leicht ändern. Wir haben beide die „Breite“ und „Höhe“ des Bildes auf „40%“ eingestellt und dann dieses Tag geschlossen.

Hier ist das Bild mit einer Höhe von 40% und auch 40% in seiner Breite. Wir haben diese Breite und Höhe in das Tag "" "des Bildes" hinzugefügt, nachdem wir den Namen des Bildes hinzugefügt haben.

Beispiel # 08:

Jetzt verwenden wir das Attribut "Stil" im Tag "", um die Größe des Bildes in Markdown zu ändern. Wir haben "Breite und Höhe" als Werte zum Attribut "Stil" hinzugefügt, nachdem wir den Bildnamen und das Attribut "Alt" hinzugefügt haben. Die von uns angegebene „Breite“ lautet "450px", während die "Höhe" ebenfalls auf "450px" eingestellt wird.”Die Bildgröße ändert sich nun entsprechend diesen neuen Werten von Breite und Höhe angemessen.

Das Ergebnis dieses Codes wird nun auch in dem unten angezeigten Vorschau -Fenster angezeigt. Sowohl die Breite als auch die Höhe dieses Bildes sind jetzt in diesem Ergebnis unten „450px“.

Abschluss:

Wir haben das Konzept des Hinzufügens von Bildern in diesem Handbuch untersucht und auch untersucht, wie die Größe des Bildes in Markdown modifiziert wird. Wir haben die Bilder in Markdown hinzugefügt und ihre Größe mithilfe des "" "" "" geändert und gezeigt, wie all diese in Markdown erledigt werden sollen. Wir haben die Größe des Bildes geändert, indem wir die Werte von Breite und Höhe in Zahlen sowie in Prozentsätzen einfügen. Wir haben auch das Style -Attribut im Tag "" "zum Aktualisieren oder Ändern der Bildgröße des Bildes in Markdown verwendet.