Як зробити зображення Посиланням

Замість тексту між тегами <a> і </a> Ви можете вставити зображення, і зображення буде Посиланням.

<а href="1.html"><img src="1.png"></a>

Ви вже знаєте з уроку 5. Зображення, що в зображення, що є Посиланням, автоматично з'являється рамка тощиной 1 піксел такого ж кольору, як текстові Посилання, і знаєте, як її прибрати у разі потреби.

Колір посилань

Колір заслань можна задати за допомогою параметрів link, alink, vlink тега body. Про це Ви знаєте з уроку 6. Властивості сторінки - параметри тега body. В такий спосіб задається колір всіх заслань на сторінці.

Якщо ж Ви хочете змінити колір якогось конкретного Посилання, Ви можете зробити також, як і для звичайного тексту, тобто скористатися тегом <font> з параметром color. Лише контейнер <font> повинен знаходитися усередині контейнера <a>.

<а href="1.html"><font color="#00FF00">Текст ссылки</font></a>

Посилання усередині сторінки

У попередніх розділах цього уроку ми говорили про зовнішні Посилання, тобто про Посилання на інші документи. Але бувають ще і внутрішні Посилання, тобто Посилання на якесь місце усередині поточного документа. Внутрішні Посилання зручно використовувати у великих документах для розбиття на глави.

Хорошим прикладом є будова цих уроків. При натисненні на назву розділу уроку на початку сторінки браузер миттєво переносить Вас у відповідне місце в тексті, і Вам не доводиться його шукати.

Отже, аби створити внутрішнє Посилання, треба виконати 2 дії:

1. Зробити закладку в тому місці документа, куди Ви посилатиметеся, і дати цій закладці ім'я. Для цього в потрібному Вам місці вставте контейнер <a></a> і його парметру name привласніть строкове значення:

<а name="z1"></a>

Між тегами <a> і </a> текстом можна не писати, оскільки Вам потрібно всього лише помітити місце в документі, куди веде Посилання.

2. Ну і власне зробити Посилання, яке посилатиметься на цю закладку. Для цього Ви робите звичайне Посилання, лише замість адреси документа пишете знак # і ім'я закладки:

<а href="#z1">Ссылка на закладку</a>

Ось приклад використання внутрішніх заслань:

<ol> <li><a href="#chapter1">Раздел 1</a></li> <li><a href="#chapter2">Раздел 2</a></li> </ol>

<а name="chapter1"></a> <h3>Раздел 1</h3> <p>В місті Стокгольмі, на найзвичайнішій вулиці, в найзвичайнішому будинку живе найзвичайніша шведська сім'я по прізвищу Свантесон. Сім'я ця складається з найзвичайнішого папи, найзвичайнішої мами і трьох найзвичайніших хлопців - Боссе, Бетан і Маляти.</p>

<а name="chapter2"></a> <h3>Раздел 2</h3> <p>Хотя Карлсон і був кращим в світі фахівцем з парових машин, денатурат він наливав вельми незграбно і навіть пролив його, так що на полиці утворилося ціле денатуратное озеро.</p>

А ще можна робити Посилання на закладку в іншому документі. Наприклад, в документі 1.html є закладка з ім'ям qqq. Аби зробити на неї Посилання з поточного документа, треба зробити звичайне Посилання на документ 1.html і додати до адреси знак # і ім'я закладки qqq:

<а href="1.html#qqq">Ссылка на закладку</a>

Посилання на нове вікно

Всі Посилання, задані вище описаними способами, за умовчанням відкриваються в поточному вікні браузеру. Для зміни цієї властивості Посилання в тега <a> існує параметр target.

Якщо Ви хочете, аби документ, на який Ви посилаєтеся відкривався в новому вікні браузеру, привласніть параметру target значення _blank:

<а href="1.html" target="_blank">Ссылка</a>

От як виглядатиме і працюватиме таке Посилання: Посилання відкриється в новому вікні

Якщо Ви хочете конретно вказати, що Посилання повинне відкритися в поточному вікні, привласніть параметру target значення _self:

<а href="1.html" target="_self">Ссылка</a>