Якщо ми хочемо посилатися на файл, який розташований на даному комп'ютері, достатньо вказати відносний шлях.
Відносний шлях - це шлях на даному комп'ютері від файлу, в якому ми створюємо посилання, до файлу на який ми посилаємося.
Якщо файл, на який ми робимо посилання, знаходиться в тій самій папці, що й документ, в якому ми створюємо посилання, достатньо в тезі <а> значенням атрибута href вказати ім'я файлу, на який ми посилаємося.
Посилання з файлу «history.html» на файл «staff.html». Файл «staff.html» знаходиться в тій самій папці, що й файл «history.html».
У файлі history.html:
<a href='staff.html'> текст посилання </a> |
Посилання з файлу «history.html» на файл «news.html». Файл «news.html» знаходиться у батьківській папці по відношенню до файлу «history.html».
У файлі history.html:
<a href='../news.html'> текст посилання </a> |
Оскільки батьківська папка завжди одна, то замість її імені ставиться ..
Посилання з файлу «welcome.html» на файл «cakes.html».
Нам потрібно у папці верхнього рівня «main», в якій знаходиться файл «welcome.html», знайти папку «products», у ній - папку «food», в якій вже знайти файл «cakes.html».
У файлі welcome.html:
<a href='products/food/cakes.html'> текст посилання </a> |
Ім'я дочірньої папки вказується перед ім'ям файлу. Для дочірньої папки вказівка імені обов'язкова, оскільки дочірніх папок може бути кілька.
Посилання з файлу «meat.html» на файл «beer.html»
Посилання з будь-якого файлу на будь-який файл на даному комп'ютері можна встановити, якщо вказати повний шлях до файлу.
У файлі meat.html:
<a href='/products/drinks/beer.html'> текст посилання </a> |
Шлях від кореневого каталогу завжди починається з /. У даному прикладі кореневий каталог умовно названий main. Насправді кореневий каталог імені не має і позначається /.