#8 Гіперпосилання на зображенні. Посилання в будь-яке місце документу.
Зображення в сайтах здатні бути інтерактивними. Це ознаає що гіперпосилання створюють через зображення і навіть через окремі частини зображення.
Посилання на зображенні
<a href = "адреса посилання"> <img src = "файл зображення" title = "примітка"> </a>
Все так як і з текстовим посиланням, тільки замість тексту використовують зображення.Атрибут title = "примітка" створює вспливаючий текст при наведенні курсору миші.
Наприклад:<a href = "http://ukrcollege.com.ua/"> <img src = "gerb.gif" title = "Сайт колежу"> </a>
Якщо навести на герб то відбудеться посилання на сайт колежу
Вправа №1
- Завантажте архів з емблемами футбольних клубів та разархівуйте його.
- Створіть файл fc.html та додайте до нього емблеми клубів Барселони, Реала та Динамо Київ.
- Через зображення емблем створіть гіперпосилання на офіційні сайти клубів.
Гіперпосилання в будь-яке місце документу
Гіперпосилання можна створити навіть всередині однієї сторінки через спеціальні позначки - маркери. Для цього треба розкидати їх в потрібні місця і створити на них посилання. Це доречно, якщо документ досить великий і його прокрутка відверто втомлює.
Алгоритм створення посилань на мітки:
- Створити мітки в необхідних місцях до кумента за допомогою тега <A name= "Назва мітки">
- Створити посилання на мітку в потрібному місті. <A href= "#Назва мітки"> текст або зображення </A> Знак # обов'язковий.
Щоб створити гіперпосилання на мітку в іншому документі, необхідно перед міткою вказати ім'я html файла
<a href = "ім'я файлу#назва мітки"> текст або зображення </a>Вправа №2
- Завнтажте файл з текстом п'єси "Ляльковий дім"
- Скопіюйте і вставте текст в новий HTML документ.
- На початку п'єси створіть меню-посилання на 1,2,3 дії.
- Створіть посилання для повернення на початок п'єси через текст /\ перед заголовком другої та третьої дії.