In HTML spielen Bilder eine wichtige Rolle, da eine Webseite ausdrucksvoller und verständlicher wird. Bilder sind ein visueller Genuss für die Augen des Benutzers, da er den Benutzer anzieht und ihn dazu bringt, auf der Webseite mehr zu surfen. Sie können das Bild von Ihrer Maschine zu einem HTML -Dokument hinzufügen. In diesem Beitrag werden wir Sie führen, wie Sie ein Bild von einem Ordner zu einem HTML -Dokument hinzufügen können.

Wie fügen wir ein Bild aus einem Ordner in HTML hinzu?

In HTML ist es der Zweck des Tags, ein Bild in einer Webseite hinzuzufügen. Der src Das Attribut dieses Tags gibt den Pfad des Bildes an. Der Bildweg hat zwei Fälle. Im Falle von absolut Pfad, Sie müssen den vollständigen Pfad geben, auf dem die relativ Pfad repräsentiert die Position des Bildes in Bezug auf die HTML -Datei, in der es eingebettet wird.

Die Syntax des Tags wird unten beschrieben:

Syntax

Die Hauptkomponente ist die src Attribut, wo der Pfad der Datei bereitgestellt wird. Wie bereits erwähnt, könnte der Weg relativ oder absolut sein.

Fügen wir aus dem Ordner ein Bild zum HTML -Dokument hinzu:

Code

HTML IMG -Tag

Dieses Bild wird von einem Ordner in die HTML -Seite eingefügt.

In diesem Code verwenden wir Tag zum Einfügen eines Bildes in die HTML -Seite und verwenden Sie src Attribut, um den Pfad des Bildes anzugeben.

Ausgang

Die Ausgabe zeigt, dass das Bild erfolgreich in die HTML -Seite aus einem Ordner eingefügt wird.

Das ist es! Sie haben gelernt, dem HTML -Dokument ein Bild aus einem Ordner hinzuzufügen.

Abschluss

In HTML die Tag wird verwendet, um dem HTML -Dokument ein Bild aus dem Ordner hinzuzufügen. Der Bildpfad wird durch das SRC -Attribut des Tags angegeben. Um den Pfad anzugeben, schreiben Sie zunächst den Ordneramen, dann einen Backslash "/" und schreiben Sie zum Schluss den Bildnamen mit seiner Erweiterung. In diesem Artikel haben wir die Informationen zum Hinzufügen eines Bildes in HTML aus einem Ordner bereitgestellt.