Heim >Web-Frontend >CSS-Tutorial >Wie verweise ich auf Bilder aus einem höheren Verzeichnis in HTML?

Wie verweise ich auf Bilder aus einem höheren Verzeichnis in HTML?

Susan Sarandon
Susan SarandonOriginal
2024-12-10 17:04:17475Durchsuche

How do I reference images from a higher directory in HTML?

Referenzieren von Bildern aus einem höheren Verzeichnis in HTML

Bei der Webentwicklung speichern Organisatoren häufig Stylesheets und Bilder in separaten Verzeichnissen. Um in einem Stylesheet auf Bilder aus einem anderen Verzeichnis zu verweisen, müssen Sie den Pfad ändern. So gehen Sie im Quellpfad einer URL in HTML eine Ebene nach oben:

Um in der Verzeichnisstruktur eine Ebene nach oben zu gehen, können Sie das Doppelpunktzeichen (..) verwenden. Diese Notation gibt das übergeordnete Verzeichnis an. Angenommen, Sie speichern Stylesheets im Verzeichnis „/styles“ und Bilder im Verzeichnis „/images“. Um ein Bild aus dem Verzeichnis „/images“ innerhalb eines Stylesheets im Verzeichnis „/styles“ zu referenzieren, würden Sie den folgenden Pfad verwenden:

background-image: url('../images/bg.png');

In diesem Beispiel die Notation „..“ im Pfad geht eine Ebene nach oben in der Verzeichnisstruktur, sodass das Stylesheet auf das angegebene Bild im Verzeichnis „/images“ zugreifen kann.

Das obige ist der detaillierte Inhalt vonWie verweise ich auf Bilder aus einem höheren Verzeichnis in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn