Ответ 1
Вы говорите, что ваш сайт находится в http://localhost/mywebsite, и скажите, что ваше изображение находится внутри подпапки с именем pictures/:
Абсолютный путь
Если вы используете абсолютный путь, / будет указывать на root сайта, а не на корень документа: localhost в вашем случае. Для этого вам нужно указать папку своего документа, чтобы получить доступ к папке с изображениями:
"/mywebsite/pictures/picture.png"
И это будет то же самое, что:
"http://localhost/mywebsite/pictures/picture.png"
Относительный путь
A относительный путь всегда относится к корневому документа , поэтому, если ваш html находится на одном уровне с каталогом, вам нужно будет начать путь непосредственно с именем вашего каталога картинок:
"pictures/picture.png"
Но есть и другие привилегии с относительными путями:
точка-косая черта (./)
Dot (.) указывает на один и тот же каталог, а слэш ( /) предоставляет ему доступ:
Итак, это:
"pictures/picture.png"
Будет такой же:
"./pictures/picture.png"
Двойная точка-косая черта (../)
В этом случае двойная точка (..) указывает на верхний каталог, а также слэш ( /) дает вам доступ к нему. Поэтому, если вы хотите получить доступ к картинке, находящейся в каталоге на один уровень выше текущего каталога вашего документа, ваш URL-адрес будет выглядеть следующим образом:
"../picture.png"
Вы можете поиграть с ними столько, сколько хотите, маленький пример:
Скажем, вы находитесь в каталоге A, и вы хотите получить доступ к каталогу X.
- root
|- a
|- A
|- b
|- x
|- X
Ваш URL-адрес будет выглядеть так:
Абсолютный путь
"/x/X/picture.png"
Или:
Относительный путь
"./../x/X/picture.png"