Добавление картинок

Как добавить картинку на веб-страницу?

Для добавления изображения в документ применяется тег <img>, его атрибут src определяет путь к графическому файлу, который должен быть в формате GIF, PNG или JPEG. Также для тега <img> необходимо указать обязательный атрибут alt, он описывает альтернативный текст, видимый при загрузке изображения или отключении картинок в браузере.

Почему изображения на странице видны только на моем компьютере и не отображаются на другом?

При добавлении картинок с помощью программ для редактирования HTML-документа, программы нередко указывают локальный путь к графическому файлу, который начинается с ключевого слова file:///. Например, рисунок находится по адресу c:\www\images\sample.gif, тогда путь к нему будет записываться как file:///c:/www/images/sample.gif. Браузер при открытии документа просматривает путь и ищет по указанному адресу изображение. Естественно, на соседнем компьютере указанной папки, скорее всего, нет, как нет и запрашиваемого файла, поэтому рисунок не отображается.

Установил путь к рисунку как /images/pic.gif, но рисунок не отображается на веб-странице. Почему?

Слэш (символ /) перед именем файла или папки обозначает, что отсчет ведется от корня сайта. Соответственно, путь /images/pic.gif следует понимать так. В корне сайта находится папка с именем images, а в ней располагается файл pic.gif. Данный способ записи работает под управлением веб-сервера, поэтому на локальном компьютере браузер интерпретирует путь как c:/images/pic.gif, а такой папки и файла, вероятнее всего, нет (пример 1).

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

При тестировании веб-страницы на локальном компьютере все изображения обычно показываются корректно, однако после публикации на сайте возникает ситуация, что рисунки не видны. Это может происходить по ряду причин, рассмотренных далее.