Урок 9

«Гіперпосилання на вебсторінках»


код посилання на сайт:
<a href="http://www.google.com.ua/"> Посилання на сайт < /a>

Код посилання на сторінку:
<a href="http://www.seoded.ru/beginner.html"> Посилання на сторінку < /a>

Атрибут: Name

За допомогою цього атрибута можна створити посилання всередині сторінки. Іноді виникає питання: як зробити посилання на певне місце в тому ж або в іншому документі? Щоб натиснувши по якій-небудь посиланню можна було потрапити в певне місце даного документа. Ось в цьому нам і допоможуть закладки.
Для початку потрібно встановити закладку в те місце куди повинен потрапляти користувач при натисканні посилання.
Закладка буде такою:

<а NAME="Ім'я закладки"> </a>

Посилання на закладку в тому самому докумені:
<a href="#Ім'я закладки"> Название раздела </a>

Так виглядає посилання на закладку в іншому документі:
<a href="Ім'я документу #Ім'я закладки"> Назва розділу</a>

Для того, щоб під час наведення на посилання курсора і при виконані кліку, вона змінювала свій колір, в тег <BODY> потрібно додати ще декілька параметрів.
text
-
колір тексту
link
-
колір посилання
vlink
-
колір  використаного посилання
alink
-
колір  активного посилання на який вказує курсор
<BODY text="black" link="blue" vlink="purple" alink="red">


Малюнок-посилання.
Посиланням може бути не тільки текст, а й малюнок .. Принцип такий же як і в текстовому посиланні, замість тексту ми додаємо малюнок який хочемо зробити посиланням.

<a href="primer3.html"> <img src="knopa.gif"> </a>

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки.
Практична частина:
  • Створити вебсторінку з двома текстовими посиланнями на ресурси. Наприклад: на блог "Вибіркові курси: Вебтехнології" на головну сторінку та на YouTube, чи інші цікаві ресурси за вибором. Приклад виконання роботи
  • Налаштувати колір посилання, колір використаного посилання, колір активного посилання. Кольори підібрати самостійно. 

Немає коментарів:

Дописати коментар