Шляхи в html

Щоб було простіше вчитися давайте створимо трьох сторінковий сайт-візитку. Так як наш файл index.html не представляє для нас поки жодної цінності ми його відредагуємо і задіємо:

Цими прикладами я хотів показати що все працює. Але, одне велике АЛЕ. ми звертаємося безпосередньо до файлів але а шляхів не видно.
Це і є відносний шлях. тобто шлях щодо посилається файлу, а самого шляху не видно, тому що всі наші файли лежать в в одному каталозі (папці).
Давайте в нашій навчальної папці (my_site) створимо ще одну папку з ім'ям razdel і вже в ній створимо новий файл з ім'ям index.html. Як-же в цьому випадку поставити посилання з наших файлів які ми створили вище?
розділ
А якщо в папці razdel созтать папку podrazdel то шлях вже буде з кореневої папки:
підрозділ
а з папки razdel
підрозділ
Зверніть увагу на те що роздільником між папками та / або файлами є "прямою сплеш" (коса риска).

Входити в папки ми навчилися, тепер подивимося як виходити:
Щоб вийти з папки podrazdel в razdel, потрібно в шлях додати ../. цей набір символів говорить браузеру що запитуваний файл лежить на один рівень вище:
Повернутися в розділ
Щоб повернутися на 2 рівня цю комбінацію пишемо двічі:
повернутися в корінь сайту

Які шляхи краще використовувати? Абсолютні. Але є ймовірність наробити помилок, т.к ці посилання вказують на конкретний сайт і локально (без сервера) ми ці помилки усунути не зможемо.