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

Замість тексту між тегами <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>

Дата добавления: 2015-10-02