HTML-код - выбрать изображения из корневой папки с суб-папки

давайте скажем следующее реж структура моего сайта

сейчас index.html Я могу просто ссылаться на изображения, такие как 

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

но что, если я хочу сослаться на то же изображение fron sub.html что будет src

7 55
html directory reference src subdirectories

7 ответов:

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

../images/logo.png переместит вас обратно в одну папку.

../../images/logo.png вернет вам две папки.

/images/logo.png доставит вас обратно в корневую папку независимо от того, где вы находитесь/.

83

относительная ссылка

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

если вы знаете расположение относительно корня сервера, это может быть самый простой подход для приложения со сложной иерархией вложенных каталогов - это будет то же самое из всех папок.

например, если ваше дерево каталогов, показанное в вашем вопросе, относится к корню сервера, то индексируйте.html и подпапка / sub.в html как использовать:

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

если папку images В корень из приложения, как foo под корнем сервера (например http://www.example.com/foo), то показатель.html (http://www.example.com/foo/index.html) например, и подпапка / sub.html (http://www.example.com/foo/sub_folder/sub.html) как использовать:

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

ваш индекс.html может просто сделать src="images/logo.png" и от sub.html вы бы сделали src="../images/logo.png"

3

../ занимает одну папку в дереве каталогов. Затем выберите соответствующую папку и ее содержимое.

../images/logo.png
0

когда вы загружаете свои файлы на сервер будьте осторожны, некоторые тома ваши изображения не будут отображаться на веб-странице и появится аварийный значок, что означает, что ваш путь к файлу не правильно организованы или закодированы, когда у вас есть следующая структура файла код должен быть таким Файловая структура: ->интернет(основной папку) - >изображения (подпапка) - > логотип.png (изображение в подпапке) код для вышеперечисленного ниже следуйте этому стандарту 

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

Если вы загрузили файлы к веб-сервер, пренебрегая файловой структурой без создания веб-папки если вы напрямую загружаете файлы, то ваши изображения будут сломаны, вы не можете видеть изображения,а затем измените код следующим образом

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

спасибо->vamshi Кришнан

0

при загрузке файлов на сервер будьте осторожны, некоторые тома ваши изображения не будут отображаться на веб-странице и появится аварийный значок, который означает, что ваш путь к файлу не правильно организованы или закодированы, когда у вас есть следующая структура файлов код должен быть похож на эту структуру файлов:- >web(основная папка)->изображения(подпапка) - >логотип.png (изображение в подпапке) код для вышеперечисленного ниже следуйте этому стандарту

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

Если вы загрузили свои файлы на веб-сервер, пренебрегая структурой файлов без создания папки web если вы напрямую загружаете файлы, то ваши изображения будут сломаны вы не можете видеть изображения,а затем изменить код следующим образом

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

спасибо->vamshi Кришнан

0