Зараз ми з вами розбиратимемося з посиланнями. Посилання є тими елементами, які роблять із інтернету інтернет. Натискаючи на посилання, ми можемо переходити з однієї сторінки сайту на іншу. Якби їх не було – інтернет був би просто набором сторінок, ніяк не пов'язаних один з одним.
Посилання створюється за допомогою тегу <a>.
У цьому тезі обов'язково має бути атрибут
href, до якого слід записувати
адресу тієї сторінки, на яку веде посилання.
Давайте для прикладу зробимо посилання на гугл.
Для цього потрібно відкрити цей сайт у браузері,
скопіювати адресу сторінки з адресного рядка
і вставити в атрибут href посилання:
<a href="https://www.google.com">ссылка</a>
:
Створіть на вашій сторінці посилання на сайт javascript.dp.ua.
Посилання на сторінки вашого сайту
Вище ми створювали посилання на сторінки чужих сайтів, копіюючи їхню адресу з адресного рядка. Нехай тепер ви хочете зв'язати посилання зі сторінками свого сайту.
У такому разі копіювати їх адреси з адресного рядку не можна. Справа в тому, що такі адреси будуть містити повний шлях до вашої сторінки від кореневого диску вашого комп'ютера, і при переносі в іншу папку такі посилання просто зламаються.
Для сторінок свого сайту слід практикувати
інший підхід. Вивчимо його на прикладі. Нехай
у кореневій папці вашого сайту розташований
файл index.html та файл page.html.
Зв'яжемо ці файли посиланнями. Для цього в атрибуті
href посилань слід просто написати
імена цих файлів (з їх розширенням). Давайте
зробимо це.
На сторінці index.html створимо посилання
на сторінку page.html:
<h1>сторінка index</h1>
<a href="page.html">посилання на page</a>
А на странице page.html створимо посилання
на сторінку index.html:
<h1>сторінка page</h1>
<a href="index.html">посилання на index</a>
Створіть три HTML сторінки в корені вашего
сайту. Назвіть їх 1.html, 2.html,
3.html. Зв'яжіть ці сторінки посиланнями
один з одним.
Створіть також сторінкуindex.html.
Розмістіть на ній посилання на сторінки 1.html,
2.html, 3.html.
Модифікуйте попереднє завдання так, щоб
посилання розташовувалися у спискуul.