HTML - Pick Bilder von Root Folder aus Unterordner

Question

sagen können folgende ist die DIR Struktur meiner Website

Jetzt index.html in i einfach Bilder wie

<img src="./images/logo.png"> 

beziehen können, aber was wenn ich das gleiche Bild von sub.html beziehen möchte, was wird das sein src

Answer 1

<img src="../images/logo.png"> 
      __ ______ ________ 
      | |  | 
      | |  |___ 3. Get the file named "logo.png" 
      | | 
      | |___ 2. Go inside "images/" subdirectory 
      | 
      | 
      |____ 1. Go one level up 

Answer 2

Ihre index.html kann nur src="images/logo.png" tun und von sub.html würden Sie tun src="../images/logo.png"

Answer 3

../images/logo.png werden Sie wieder einen Ordner verschieben.

../../images/logo.png werden Sie zwei Ordner zurück verschieben.

/images/logo.png werden Sie zurück in den Stammordner, egal wo Sie sind /.

Answer 4

würde die relative Referenz

<img src="../images/logo.png"> 

werden, wenn Sie die Position relativ zum Stamm des Servers kennen, die für eine Anwendung mit einer komplexen verschachtelter Verzeichnishierarchie einfachste Ansatz sein können - es ist das gleiche sein würde aus alle Ordner.

Zum Beispiel, wenn Ihr Verzeichnisbaum in Ihrer Frage dargestellt an die Wurzel des Servers relativ ist, dann index.html und sub_folder/würde sub.html beide verwendet:

<img src="/images/logo.png"> 

Wenn die Bilder-Ordner stattdessen in der Wurzel einer Anwendung wie foo unterhalb der Wurzel-Server (zB http://www.example.com/foo), dann index.html (http://www.example.com/foo/index.html) und zB sub_folder/sub.html (http://www.example.com/foo/sub_folder/sub.html), die beide Gebrauch:

<img src="/foo/images/logo.png"> 

Answer 5

../ t akes Sie einen Ordner auf dem Verzeichnisbaum. Wählen Sie dann den entsprechenden Ordner und seinen Inhalt.

../images/logo.png 

Answer 6

, wenn Sie Ihre Dateien auf den Server vorsichtig sein, laden einige Wälzer Ihre Bilder werden auf der Web-Seite und ein abgestürzt Symbol angezeigt wird angezeigt, dass bedeutet, dass Ihr Dateipfad nicht richtig angeordnet ist oder codiert, wenn Sie das haben die folgende Dateistruktur sollte der Code so sein Dateistruktur: -> Web (Hauptordner) -> Bilder (Unterordner) -> Logo.png (Bild im Unterordner) der Code für das oben ist unten folgen diesem Standard

<img src="../images/logo.jpg" alt="image1" width="50px" height="50px"> 

, wenn Sie Ihre Dateien auf dem Web-Server durch die Vernachlässigung der Dateistruktur mit aus der Erstellung der Ordner Web hochgeladen, wenn Sie direkt hochladen die Dateien dann Ihre Bilder gebrochen werden Sie keine Bilder sehen können, dann ändern Sie den Code wie folgt

<img src="images/logo.jpg" alt="image1" width="50px" height="50px"> 

danken Sie-> vamshi krishnan

Answer 7

, wenn Sie Ihre Dateien auf den Server vorsichtig sein, laden, einige tomes deine Bilder werden nicht erscheinen auf der Webseite und ein abgestürztes Symbol wird angezeigt, das bedeutet, dass Ihr Dateipfad nicht richtig angeordnet oder codiert ist, wenn Sie die folgende Dateistruktur haben, sollte der Code wie folgt sein Dateistruktur: -> Web (Hauptordner) -> Bilder (Unterordner) -> logo.png (Bild im Unterordner) der Code für die oben ist unten folgt diesem Standard

< img src="../images/logo.jpg" alt="image1" width="50px" height="50px">

, wenn Sie Ihre Dateien auf den Web-Server hochgeladen wird von der Dateistruktur zu vernachlässigen mit Wenn Sie die Dateien direkt hochladen, werden Ihre Bilder beschädigt. Sie können keine Bilder mehr anzeigen. Ändern Sie dann den Code wie folgt:

<img src="images/logo.jpg" alt="image1" width="50px" height="50px"> 

danke-> vamshi krishnan