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!
