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

Низкая сложность

Раздел: Добавление картинок

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

Пример 1. Путь к файлу относительно корня сайта

HTML5IE 9Cr 16Op 11Sa 5Fx 10

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Путь к файлу</title>
 </head>
 <body>
  <p><img src="/pic/sample.gif" alt="Пример" width="150" height="90"></p>
 </body>
</html>

Если документ делается исключительно для локального использования, то пути к изображениям следует указывать относительно текущей веб-страницы. Для документов с последующей публикацией на веб-сервере пути относительно корня очень удобны. Они имеют компактную форму, а при переносе файла из одной папки в другую продолжают действовать.

изображения

Если вам понравились материалы сайта, вы можете поддержать сайт, купив Рецепты CSS в формате CHM или в виде набора HTML-файлов за 50 р.