Дуже зручно, коли зоною дії активного посилання є не текст, а зображення. Мова розмітки HTML цілком дозволяє здійснити таку операцію. Все, що для цього необхідно — особливим чином скомбінувати теги.
Інструкція
- Якщо всі файли на сервері зберігаються в одній папці, то пропишіть наступний HTML-код сторінки:
<a href=страніца.html> Натискання на це посилання приведе вас на іншу сторінку в межах сайту </ a> - Ознайомтеся з тим, як вставляти в HTML-код посилання на локальні сторінки, розташовані на сторонніх сайтах:
<a href=http://сервер.домен/папка/страница.html> Натискання на це посилання приведе вас сторінку, розташовану на зовсім іншому сайті </ a> - Тепер ознайомтеся зі способом вставки в сторінку зображень, що зберігаються на тому ж сервері, що і сайт, за умови, що всі файли на цьому сервері зберігаються у спільній папці:
<img src=імяфайла.jpg> - Аналогічним чином вставляйте в сторінку і зображення, які знаходяться на сторонніх серверах:
<img src=http://сервер.домен/папка/имяфайла.jpg>
Але при цьому пам’ятайте, що деякі сервери не дозволяють вставляти зображення в сторінки, розташовані за їх межами, показуючи замість них попереджувальні заставки або не показуючи нічого. Не копіюйте в таких випадках картинку на локальний сервер — це буде порушенням авторського права. Краще дайте на цю картинку сервері. - Щоб при натисканні на картинку відбувався перехід по посиланню, скомбінуйте ці теги наступним чином:
<a href=http://сервер.домен/папка/страница.html> <img src=картінка.jpg> </ a>
При бажанні, замініть в цій конструкції глобальну посилання на сторінку на локальну, або, навпаки, локальну посилання на зображення на глобальну. - Нарешті, якщо ви бажаєте, щоб перехід за посиланням відбувався при натисканні як на картинку, так і на розташований під нею текст, використовуйте більш складну конструкцію такого вигляду:
<a href=http://сервер.домен/папка/страница.html> <img src=картінка.jpg> <p> Ви перейдете на іншу сторінку незалежно від того, натиснете ви на цей текст, або на розташовану над ним картинку. Результат виявиться абсолютно однаковим. </ A>
