Как прописать путь к файлу, картинке или странице. Основы HTML для начинающих. Урок №13

Всем привет!
Продолжаем изучать основы HTML. В этом уроке я расскажу и на примерах покажу, как правильно указать и прописать путь к файлам, картинке или к другой веб странице. Это тоже один из важных уроков, так как если вы этого всего не поймете, вы столкнетесь в будущем с проблемой вставки картинки на веб страницу, или не сможете дать правильно файл для скачивания на своем же сайте, а также не сможете сделать перелинковку страниц.

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

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

Внимание: на примере указанно только путь из html-файла до картинки, но аналогично примерам можно будет подставить вместо картинки файл для скачивания или путь к другой странице.

Схема № 1
Путь из файла к картинке

<img src="logo.png">

Схема № 2

Путь из файла к папке до картинки

<img src="images/logo.png" >

/ - слэш символ используют для открытия папки.

Схема № 3

Путь из папки к картинке

<img src="../logo.png">

../ - слэш с двумя точка используют для того, чтобы выйти из папки .

Схема № 4

Путь из папки к другой папке до картинки

<img src="../images/logo.png">

../ - слэш с двумя точками используют для того, чтобы выйти из папки.
/ - слэш символ используют для открытия папки;