So rufen Sie Bilder aus untergeordneten Verzeichnissen in HTML auf

In HTML können Sie das img-Tag verwenden, um Bilder in untergeordneten Verzeichnissen aufzurufen. Die spezifische Syntax lautet „“. Um auf eine Datei in einem Verzeichnis auf niedrigerer Ebene zu verweisen, schreiben Sie einfach den Pfad zur Datei im Verzeichnis auf niedrigerer Ebene.

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

Um auf eine Datei in einem Verzeichnis auf niedrigerer Ebene zu verweisen, schreiben Sie einfach den Pfad der Datei direkt in das Verzeichnis auf niedrigerer Ebene.

Angenommen, der info.html-Pfad lautet: c:/Inetpub/wwwroot/sites/blabla/info.html

Angenommen, der Bildpfad lautet: c:/Inetpub/wwwroot/sites/blabla/html/1.jpg

In Der Code zum Hinzufügen von Bildern zu info.html sollte wie folgt geschrieben werden:

<img src = "html/1.jpg"/>

Erweiterte Informationen:

Wie man das Verzeichnis der oberen Ebene darstellt

../ stellt das Verzeichnis der oberen Ebene des Verzeichnisses dar, in dem Die Quelldatei befindet sich, ../../ stellt die Quelldatei dar. Das Verzeichnis über dem Verzeichnis, in dem sie sich befindet, und so weiter.

Angenommen, der Pfad „info.html“ lautet: c:/Inetpub/wwwroot/sites/blabla/info.html

Angenommen, der Pfad „index.html“ lautet: c:/Inetpub/wwwroot/sites/index.html

In info .html Der Code zum Hinzufügen des Index.html-Hyperlinks sollte wie folgt geschrieben werden:

<a href = "../index.html">index.html</a>

Angenommen, der info.html-Pfad ist: c:/Inetpub/wwwroot/sites/blabla/info.html

Angenommen, der index.html-Pfad lautet: c:/Inetpub/ wwwroot/index.html

Der Code zum Hinzufügen des index.html-Hyperlinks zu info.html sollte wie folgt geschrieben werden:

<a href = "../../index.html">index.html</a>

Angenommen, der info.html-Pfad lautet: c:/Inetpub/wwwroot /sites/blabla/info.html

Angenommen, der index.html-Pfad lautet: c:/Inetpub/wwwroot/sites/wowstory/index.html

Der Code zum Hinzufügen des index.html-Hyperlinks zu info.html sollte geschrieben werden so:

<a href = "../wowstory/index.html">index.html</a>

Empfohlenes Lernen:HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo rufen Sie Bilder aus untergeordneten Verzeichnissen in HTML auf. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!