У меня проблемы с тегом img в HTML. Я пытаюсь использовать относительный путь и абсолютный путь к файлу изображения следующим образом:

<img src="../../images/pages/404-page/bg-construct-image.jpg"/>
<img src="D:\Web_HomeOWN\images\pages\404-page\bg-construct-image.jpg"/>

Но это изображение не отображалось. Когда я проверяю элемент img с помощью firefox, я пытаюсь щелкнуть путь к изображению. Тогда я получил такой путь: file:///images/pages/404-page/bg-construct-image.jpg Правильный путь будет таким: file:///D:/Web_HomeOWN/images/pages/404-page/bg-construct-image.jpg

Путь к моему локальному изображению: D:\Web_HomeOWN\images\pages\404-page\bg-construct-image.jpg Мой локальный html-путь: D:\Web_HomeOWN\Index.html Моя структура папок

1
Nguyễn Tuyền 14 Мар 2018 в 06:36

2 ответа

Лучший ответ

Исходя из вашей структуры, вам не нужно перемещаться вверх по двум папкам, поскольку ваш index.html уже находится в Web_HomeOWN. Простая ссылка на <img src="images/pages/404-page/bg-construct-image.jpg"/> должна помочь.

0
Obsidian Age 14 Мар 2018 в 03:42

../ используется для возврата из местоположения файла html. В вашем случае файл изображения фактически находится в подкаталоге вашего html-файла, поэтому вам не нужно использовать ../. Вы можете использовать img следующим образом.

<img src="images/pages/404-page/bg-construct-image.jpg"/>
0
NIKHIL NEDIYODATH 14 Мар 2018 в 04:11