У меня проблемы с тегом 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
Моя структура папок
2 ответа
Исходя из вашей структуры, вам не нужно перемещаться вверх по двум папкам, поскольку ваш index.html
уже находится в Web_HomeOWN
. Простая ссылка на <img src="images/pages/404-page/bg-construct-image.jpg"/>
должна помочь.
../
используется для возврата из местоположения файла html. В вашем случае файл изображения фактически находится в подкаталоге вашего html-файла, поэтому вам не нужно использовать ../
. Вы можете использовать img следующим образом.
<img src="images/pages/404-page/bg-construct-image.jpg"/>
Похожие вопросы
Новые вопросы
html
HTML (язык разметки гипертекста) - это язык разметки для создания веб-страниц и другой информации, отображаемой в веб-браузере. Вопросы, касающиеся HTML, должны включать минимальный воспроизводимый пример и некоторое представление о том, чего вы пытаетесь достичь. Этот тег редко используется отдельно и часто используется вместе с [CSS] и [javascript].