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
Freigeben: 2024-12-10 17:04:17
Original
474 Leute haben es durchsucht

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');
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage