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

Question

скажем так: DIR структура моего сайта

Теперь в index.html я могу просто ссылаться на изображения типа

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

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

Answer 1

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

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

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

Answer 2

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

Answer 3

Относительная ссылка будет

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

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

Например, если отображаемое в вашем вопросе дерево каталогов относительно корня сервера, то index.html и sub_folder / sub.html будут использовать:

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

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

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

Answer 4

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

Answer 5

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

../images/logo.png

Answer 6

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

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

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

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

спасибо-> вамши кришнан

Answer 7

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

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

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

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

спасибо-> вамши кришнан