2

Вроде написано все правильно, делала по урокам в интернете.

Браузер не отображает изображение, видна только рамка и значок картинки. Папка images находится на одном уровне с html документом.

<img src="images/flower.jpg" width="420" height="240" >
2
  • Дайте скриншот где лежит html документ
    – user245150
    5 июл 2017 в 10:57
  • А что в консоли? F12 нажмите и перейдите на вкладку консоль 5 июл 2017 в 11:05

2 ответа 2

1

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

<base href="file://c:/path/to/html">

1
1

Попробуйте так:

<img src="./images/flower.jpg" width="420" height="240">

Тут точка обозначает непосредственно ту директорию, в которой находиться файл с этой командой

<img src="../images/flower.jpg" width="420" height="240">

Двоеточие обозначает предидущую директорию

8
  • Ничего не изменилось.
    – Анна
    5 июл 2017 в 11:08
  • Откройте инструменты разработки, какую ошибку пишет инспектор? 5 июл 2017 в 11:11
  • 1
    Добавьте в Ваш вопрос структуру проекта, где что лежит лучше в виде дерева 5 июл 2017 в 11:27
  • 1
    где лежит html файл
    – user245150
    5 июл 2017 в 11:37
  • 1
    Проверьте расширение картинки. Может она имеет расширение png (или какое-то другое), а не jpg. Иногда расширение может быть JPEG и некоторые браузеры сообщают ошибку. Пришлите линк картинки и веб-страницы с картинкой.
    – nikant25
    6 июл 2017 в 8:23

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.