Почему не работает img src

пишу HTML вставляю картинку но она не открывается в браузере что делать .

— здесь ошибка!

В учебнике HTML (Теги HTML — img — Атрибут src) сказано:
Синтаксис
В качестве значения принимается полный или относительный путь к файлу.
В Вашем вопросе — адрес относительный. Проверяем его по учебнику:
Значения атрибутов тегов. — Адрес
Цитирую оттуда пример относительного адреса, полностью соответствующий Вашему тексту:

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

Ваня, адрес, который Вы указали, означает, что файл 11.jpg находится не внутри текущего каталога, не «в папке с HTML файлом», как Вам было нужно!
А во вложенной в нее папке.
В соответствии с адресом, программа ищет файл картинки не в той папке — и не находит его!

Чтобы файл, находящийся в одной папке с файлом HTML, был найден, нужно написать так:

Как сказано там же в учебнике:
«Например, код означает загрузить графический файл с именем pic.gif, который располагается в той же папке, что и сама веб-страница. »
Попробуйте отредактировать свой тег и убедитесь!

P.S. Если будут возникать еще проблемы, сверяйтесь с учебником htmlbook.ru — Для тех. кто делает сайты.
Успехов!

img src=»https://otvet.mail.ru/question/kartinka.jpg» width=»184″ height=»110″ title=»Эмблема сайта»

А вообще, скачай программу nvu, горя знать не будешь) ) одно удовольствие сайты клепать

Источник

Drupal Русскоязычное сообщество

Пишу (без пробелов)

изображение видно, но всё равно оно не центрировано, оно по левому краю.
пишу

и всё работает как надо, но мне нужна первая конструкция. в фильтрах /admin/settings/filters добавлены тэги и

Комментарии

Попробуйте добавить в фильтры тег , только правильный, без пробелов. Без пробелов просто не могу вставить:)

не помогло. и не должно было, так как не используется.

Наверное СSS не дает. Стилями пробовали.

У тега img свойство align может принимать значения left, right, top, bottom и middle. Значения center нет.
.

• Войдите или зарегистрируйтесь, чтобы отправлять комментарии

Это я знаю, только вот BUEditor даже на этом сайте имеет кнопочку вставки рисунка, и когда ей пользуешься, получается такая конструкция.
(без пробела после

• Войдите или зарегистрируйтесь, чтобы отправлять комментарии

Значения align для тега img:

align=»absmiddle | baseline | bottom | left | middle | right | texttop | top»

CSS и стилями. к сожаления пока что даже не знаю как.

Еще заметил что не работает [ quote ]фвыафыва[ /quote ] (без пробелов). Даже не знаю как включить.

У тега img свойство align может принимать значения left, right, top, bottom и middle. Значения center нет.

2atommix
Если center > что угодно center > не работает, то видимо CSS не позволяет!

мне не нужно
center > что угодно center >
Мне нужно именно с свойством align=»center» в теге img. Читайте вдумчивей.

• Войдите или зарегистрируйтесь, чтобы отправлять комментарии

Ах, ну-да, ну-да вам нужна «первая конструкция».

Учите CSS и HTML!

• Войдите или зарегистрируйтесь, чтобы отправлять комментарии

в стилях для img делаеш следующее, если img в диве с классом content

Источник

img src не находит изображения, печатает alt

Я не понимаю, почему это не работает.

7 ответов

Вы используете правильные кавычки! ( “ , ” )

(К сожалению), правильные кавычки на английском языке не верны ни в языке разметки гипертекста, ни в большинстве других языков разметки или программирования. Используйте нейтральный » .

Также вы используете символ многоточия ( … ) вместо трех точек ( . ).

Вы используете программу писателя офиса, чтобы написать свой код, я прав? Такие программы, как Word или OpenOffice, прекрасно подходят для написания статей, книг и т. Д., Но они не предназначены для кодирования, поскольку заменяют некоторые символы автоматически для вас. Используйте один из замечательных текстовых редакторов, специально созданных для написания кода, например, Atom, Sublime Text или код Visual Studio работать с HTML, CSS и JavaScript.

ОБНОВИТЬ

И, наконец, вот ваш фиксированный элемент img (хотя я не знаю, правильный ли путь):

Для получения дополнительной информации об этих точечных обозначениях, проверьте эту хорошую статью:

Попробуйте сделать это:

Или может это? без точек, если это ваш точный путь, то это будет работать:

Редактировать:

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

Это могло быть и с вашими цитатами!

Это потому, что в соответствии с вашим относительным путем, изображение должно находиться в /Users/Adam/Documents/images/adam_photo.jpg

Попробуйте изменить ../ на ./ , чтобы указать расположение файла в том же каталоге.

Вы случайно ввели три периода «.» в «. / изображения».

Два периода означают переход на один каталог, а один период означает текущий каталог

Источник

Почему не отображается картинка в html: что делать

Расскажем, что делать если картинка в тегах html не хочет отображаться…

Причин почему может не выводиться картинка в html довольно много. Рассмотрим самые частые ошибки синтаксиса.

Ошибка N1

Нарушен синтаксис атрибута src (написан как scr) тэга img. Явление этого сегодня довольно редкое, так как HTML-документы, как правило, пишутся в специализированных редакторах, которые подсвечивают правильно введённые тэги, атрибуты, спецсимволы. В комплексных средах разработки (DreamViever) подобная ошибка невозможна в принципе.

Ошибка №2

Почему не отображается картинка в html? Возможно синтаксис тега img и его атрибутов правильный, но неверно указано имя файла изображения.

Операционные системы по умолчанию скрывают расширение файла и поэтому картинка с именем picture.jpg.png в проводнике и диалоговых окнах открытия отображается как picture.jpg

Для исключения подобной ошибки необходимо в свойствах папки активировать показ расширения файлов.

Ошибка №3

Не верно указан полный путь к изображению в атрибуте src. Эта ошибка возникает вследствие механического копирования пути из другого HTML документа либо иного источника.

В HTML полный путь к любому файлу указывается относительно расположения страницы с которой осуществляется вызов. Если изображение находится во внутреннем по отношению к документу каталоге путь будет выглядеть так “имя внутреннего каталога/имя изображения”. Сам файл при этом может находится в других подкаталогах

Файл может находится еще и в нескольких подкаталогах. Именно поэтому проблема почему не отображается картинка в html немного сложнее чем может показаться сначала. Так в значении атрибута src указываются все подкаталоги.

Например: фотография myphoto.jpg находится в подкаталоге photo внутреннего каталога image. Значение атрибута src в этом случае прописывается как “image/photo/myphoto.jpg”.

Если изображение находится во внешнем по отношению к документу каталоге то прописывание полного пути начинается с “../”. Например: “../image/photo/myphoto.jpg”.

Ошибка №4

В браузере с помощью которого осуществляется просмотр документа отключен вывод изображений. В этом случае, если тэг img прописан полностью, то есть указан непустой атрибут alt будет выведено его значение. Например: при alt=”Моя фотография” отобразится «Моя фотография». При пустом или опущенном атрибуте alt большинство браузеров выводит пиктограмму изображения.

Таким образом, рассмотрев все четыре ошибки, ответить почему не отображается картинка в html гораздо проще…

Источник

Почему не отображается картинка на сайте?

Давно я уже не писал ничего для новичков, в основном, пишу уже для достаточно опытных специалистов. Поэтому чтобы исправить это положение, я решил написать статью по теме наиболее частого вопроса, который я постоянно получаю: «Почему не отображается картинка на сайте?«. В этой статье я постараюсь разобрать все причины, почему изображение не появляется на сайте на основании того, что я видел у своих учеников.

Не будем тянуть резину, а сразу перейдём к делу.

Первая ошибка

Тот, кто уже хорошо знает HTML, мгновенно найдёт в данном коде ошибку. А ошибка здесь синтаксическая, так как атрибута «scr» не существует, а правильно писать «src«. Ошибка очень распространена, поэтому я решил её поставить первой.

Вторая ошибка

Здесь никаких ошибок в коде не имеется, однако, если копнуть глубже, то название картинки, скорее всего, указано неправильно. Очень часто в ОС отключён показ расширений файлов, как следствие, image.jpg — это только имя файла, без расширения. Для решения проблемы надо включить показ расширений файлов в свойстве папок, далее увидеть, что файл называется, например, так: «image.jpg.png«, и это имя прописать в src.

Третья ошибка

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

Четвёртая ошибка

Очень часто ошибка состоит в том, что путь написан с ошибкой. А этот путь они просто откуда-то сдирают (с моего сайта, с книг, с моих курсов или ещё откуда-нибудь), не подумав о том, что это только путь, а не сама картинка. И по нему должна находиться само изображение. В большинстве случаев, её и близко нет. Иногда картинка имеется, но путь написан неправильно. Здесь надо просто уметь писать относительные пути. Начинается всё от каталога, в котором находится данная страница, далее пишем каталог, в котором находится картинка, а затем через слеш пишем название картинки. Если есть ещё один каталог на пути к картинке, то пишем и его (например, так: «images/photo/user1.jpg«). Если сама страница находится во внутреннем каталоге, также как и картинка, то нужно использовать «../» (например, так: «../images/image.jpg«). Всё просто, но вот возникают почему-то проблемы.

Я разобрал все ошибки, которые мне удалось вспомнить в своей практике. Если у Вас не отображается картинка на сайте, то 99.9% того, что решение Вы найдёте здесь, поэтому внимательно просмотрите всю статью и подумайте, что у Вас не так. И всегда помните, что ошибка может быть комплексной. Например, синтаксическая ошибка, путь указан неверно, да и имя неправильно написано. Такое тоже бывает, поэтому проверяйте себя на каждой ошибке, и после их исправления картинка обязательно появится на Вашем сайте.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

Она выглядит вот так:

BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии ( 26 ):

Есть еще 5-я ошибка. У вас примеры написаны так, что можно подумать что между первой угловой скобкой и тегом img стоит пробел. Тогда как между этой угловой скобкой и тегом img пробел не допускается.

Это всё относится к синтаксическим ошибкам. Ещё можно такую ошибку допустить: s rc. Или такую: jmj вместо img. Не писать же о каждом символе.

зд. у меня такая проблема картина не отображается только значки ее что эта может быть я учусь спасибо за внимание

Никак не получается разместить. Все сделал как Вы говорите. Может я не правильно сохранил картинку ?

Странное название, попробуйте изменить, хотя ещё раз повторю, все проблемы описаны выше.

По поводу пути к картинке: на мой взгляд, лучше всегда указывать путь с корня сайта и начинать его со слеша: src=»https://myrusakov.ru/images/image.jpg». Тогда картинка будет доступна с любой страницы сайта, на каком бы уровне и подуровне она не находилась. То же самое касается указания путей к css и js-файлам.

Я делаю как Вы говорите, а у меня все равно не получается. Размер картинки имеет значение?

Нет, не имеет. Проверьте ещё раз, как правило всё из-за какой-нибудь мелкой ошибки.

Здравствуйте. Хотелось бы спросить вашего совета: на сервере картинки исправно загружались,однако после залива на сервер ещё одного файла картинки на одной из страниц перестали отображаться. Картинки находятся в одной папке, названия я все перепроверял. т.е. ни один из вышепредложенных вариантов мне не подходит, на мой взгляд. Можете ли вы что либо посоветовать? Заранее спасибо.

Попробуйте в другом браузере посмотреть. Если не заработает, то где-то Вы просто что-то сделали не так, чудес не бывает, чтобы из-за одной картинки все другие пропадали.

У меня не по поводу картинок)) я создал веб сайт,а в браузере не нечего нету((( просмотрел исходный код,а там нечего нету,почти

Здравствуйте Михаил! У меня проблема с картинками на сайте.Они не отображаются я прочитал эту статью но тем не менее картинки все равно не отображаются хотя делаю вроде всё правильно: Подскажите что не так.

скорее всего не правильно имя файла Пробел недопустим!

Испробовал все перечисленные выше варианты, ну ни чего не помогает. ( )

Смотрите вы пишите A надо покозать путь НАпримеp- диск- папка- картинка

У меня все получилось

Здравствуйте Михаил! У меня проблема с размером картинки, не могу задать её высоту, , т.е. как бы не менял значение по высоте, картинка остается неизменной и очень большой.Почему?

Потому, что нужно задавать размер в px, чтобы не потерять качество. Так как % — это мера относительно чего-то.

Спасибо тебе добрый человек!!

Еще зависит от браузера. У меня например тоже не отражало картинку в опере. Никаких ошибок в коде не было. Проблема была в том, что названия папок были на кириллице. Если у кого тоже путь к картинке на кириллице то переименуйте папку на англ. слово.

картинку тоже не мог вставить около часа , проблема была в названии картинки и пути где находилась картинка. выход нашёл вот как ,вставил адрес пути картинки как мне показал браузер Мазила вот она file:///C:/site/images/Hydrangeas.jpg в общем получилось вот что вот ещё что Hydrangeas.jpg это название картинки которое прописывается в свойствах файла , без этого названия ничего не выходит . ну у вас будет своё название , всем удачи , проверяйте пути и названия картинок

Здравствуйте Михаил тоже не отображается картинка перепробовал все варианты не знаю что делать

C картинками беда. Не знаю как узнать, включен в браузере показ картинок или нет. Все остальное пробовал, не помогло. А могут разниться коды, картинки и моего сайта?

А вот еще в тему: в IE, FF и Chrome картинка есть, а в Opera НЕТ. Только замещающий текст.

ПРОСЬБА ПОДСКАЗАТЬ!! ЧТО ЭТО МОЖЕТ БЫТЬ?

Ребят помогите пожалуйста пробовал по разному но не получается вот код:

Источник