So fügen Sie einen IMG-Pfad in HTML hinzu

Im img-Tag in HTML können Sie das „src“-Attribut verwenden, um den img-Bildpfad hinzuzufügen, der zur Angabe der URL des Bildes verwendet wird, mit der Syntax „<img src="URL">“ . Die URL kann ein relativer Pfad sein, wie zum Beispiel „../image/*jpg/“; sie kann aber auch ein absoluter Pfad sein, also die vollständige URL, die auf die Bilddatei verweist.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

HTML Tag

Hinweis: Technisch gesehen werden Bilder nicht in die HTML-Seite eingefügt, sondern mit dieser verlinkt. Das -Tag erstellt einen Platzhalter für das referenzierte Bild.

HTML src-Attribut

Das src-Attribut des img-Tags ist erforderlich. Es gibt die URL des Bildes an.

Syntax

<img src="URL">

Hinweis: Wenn eine Webseite geladen wird, ruft der Browser das Bild vom Webserver ab und fügt es in die Seite ein. Stellen Sie daher sicher, dass sich das Bild an derselben Stelle wie die entsprechende Webseite befindet, da Besucher sonst möglicherweise ein Symbol für einen defekten Link sehen. Wenn der Browser das Bild nicht finden kann, wird ein Symbol für einen defekten Link angezeigt.

[Empfohlenes Tutorial: „html-Video-Tutorial“]

So verwenden Sie den -Bildpfad in HTML

1. *html-Dateien und *.jpg-Dateien ( f-Laufwerk) in verschiedenen Verzeichnissen:

<img src="file:///f:/*jpg" width="300" height="120"/>

2. *.html-Dateien und *.jpg-Bilder befinden sich im selben Verzeichnis:

<img src=".jpg" width="300" height="120"/>

3. *.html-Dateien und *.jpg-Bilder befinden sich in verschiedenen Verzeichnissen:

a, Das Bild *.jpg befindet sich im Bildordner, *html befindet sich im selben Verzeichnis wie das Bild:

 <img src="image/*jpg/"width="300" height="120"/>

b, das Bild *jpg befindet sich im Bildordner, *html befindet sich im Connage-Ordner, Bild und Connage befinden sich in das gleiche Verzeichnis:

<img src="../image/*jpg/"width="300" height="120"/>

4. Wenn das Bild aus dem Internet kommt, dann schreiben Sie den absoluten Pfad:

<img src="http://image.baidu.com/pcindexhot"/width="300" height="120"/>

Erweiterte Informationen:

Absoluter Pfad bezieht sich auf den absoluten Ort im Verzeichnis, direkt erreichbar der Zielspeicherort, normalerweise vom Laufwerksbuchstaben Der Pfad beginnend mit (Stammverzeichnis).

Der Pfad, der den Dateispeicherort vollständig beschreibt, ist der absolute Pfad, also der Verzeichnispfad, der auf dem Stammverzeichnis der Website basiert. Der absolute Pfadname wird vom Stammverzeichnis oben in der Baumverzeichnisstruktur zu einem Verzeichnis oder einer Datei angegeben. Er besteht aus einer Reihe aufeinanderfolgender Verzeichnisse, die durch Schrägstriche getrennt sind, bis das Verzeichnis oder die Datei angegeben wird oder Datei, auf die verwiesen werden soll. Der Grund, warum es als „absolut“ bezeichnet wird, bedeutet, dass die verwendeten Pfade dieselben sind, wenn alle Webseiten auf dieselbe Datei verweisen.

//绝对路径，指向一个因特网文件的完整 URL
<img src="https://img.php.cn/upload/article/202102/26/2021022610342015759.jpg" alt="flower">

Relativer Pfad bezieht sich auf die Pfadbeziehung zu anderen Dateien (oder Ordnern), die durch den Pfad verursacht wird, in dem sich diese Datei befindet. Die Verwendung relativer Pfade kann uns viel Komfort bringen. Der absolute HTML-Pfad bezieht sich auf den vollständigen Pfad der Datei mit dem Domänennamen.

//文件路径指向了位于当前网站根目录中 images 文件夹里的一个文件：
<img src="/images/picture.jpg" alt="flower">

Weitere Programmierkenntnisse finden Sie unter:

Programmiervideo! !

Das obige ist der detaillierte Inhalt vonSo fügen Sie einen IMG-Pfad in HTML hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!