HTML – sélection des images du dossier racine du sous-dossier

disons que suivant est la structure DIR de mon site Web STRUCTURE DIR

Maintenant, dans index.html je peux simplement renvoyer des images comme

  

mais que faire si je veux renvoyer la même image sub.html ce que sera la src

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

    https://stackoverflow.com/questions/3655059/images/logo.png vous ramènera à un dossier.

    ../https://stackoverflow.com/questions/3655059/images/logo.png vous ../https://stackoverflow.com/questions/3655059/images/logo.png deux dossiers.

    https://stackoverflow.com/images/logo.png vous ramènera au dossier racine où que vous soyez /.

    La référence relative serait

      

    Si vous connaissez l’emplacement par rapport à la racine du serveur, cela peut être l’approche la plus simple pour une application avec une hiérarchie de répertoires nestede complexe – elle serait la même pour tous les dossiers.

    Par exemple, si votre arborescence de répertoires décrite dans votre question est relative à la racine du serveur, alors index.html et sub_folder / sub.html utiliseraient tous les deux:

      

    Si le dossier images se trouve à la racine d’une application comme foo sous la racine du serveur (par exemple, http://www.example.com/foo ), alors index.html ( http://www.example.com/foo/index.html ) Par exemple, et sub_folder / sub.html ( http://www.example.com/foo/sub_folder/sub.html ) utilisent tous les deux:

      

    Votre index.html peut simplement faire src="images/logo.png" et à partir de sub.html, vous feriez src="http://soffr.miximages.com/directory/html-pick-images-of-root-folder-from-sub-folder"

    ../ vous prend un dossier dans l’arborescence. Ensuite, sélectionnez le dossier approprié et son contenu.

     https://stackoverflow.com/questions/3655059/images/logo.png 

    Lorsque vous téléchargez vos fichiers sur le serveur, faites attention, certains fichiers que vos images n’apparaîtront pas sur la page Web et une icône en panne apparaîtront, ce qui signifie que votre chemin de fichier n’est pas correctement organisé ou codé. être comme cette structure de fichier: -> web (dossier principal) -> images (sous-dossier) -> logo.png (image dans le sous-dossier) le code ci-dessus est ci-dessous suivre cette norme

      image1 

    Si vous avez téléchargé vos fichiers sur le serveur Web en négligeant la structure du fichier sans créer le site Web du dossier si vous téléchargez directement les fichiers, vos images seront brisées, vous ne pourrez pas voir les images, puis modifiez le code comme suit:

      image1 

    merci-> vamshi krishnan

    Lorsque vous téléchargez vos fichiers sur le serveur, faites attention, certains fichiers que vos images n’apparaîtront pas sur la page Web et une icône en panne apparaîtront, ce qui signifie que votre chemin de fichier n’est pas correctement organisé ou codé. être comme cette structure de fichier: -> web (dossier principal) -> images (sous-dossier) -> logo.png (image dans le sous-dossier) le code ci-dessus est ci-dessous suivre cette norme

    < img src=”http://soffr.miximages.com/directory/html-pick-images-of-root-folder-from-sub-folder” alt=”image1″ width=”50px” height=”50px”>

    Si vous avez téléchargé vos fichiers sur le serveur Web en négligeant la structure du fichier sans créer le site Web du dossier si vous téléchargez directement les fichiers, vos images seront brisées, vous ne pourrez pas voir les images, puis modifiez le code comme suit:

     image1 

    merci-> vamshi krishnan