Для додавання зображення в документ застосовується тег <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. Даний спосіб запису працює під управлінням веб-сервера, тому на локальному комп'ютері браузер інтерпретує як шлях c:/images/pic.gif, а такої папки і файлу, найімовірніше, немає (приклад 1).
При тестуванні веб-сторінки на локальному комп'ютері всі зображення зазвичай показуються коректно, однак після публікації на сайті виникає ситуація, що малюнки не видно. Це може відбуватися з багатьох причин, розглянутих далі.