Page 32 - 6108
P. 32
Внутрішні посилання створюють посилання на різні розділи поточної
веб-сторінки, тим самим дозволяючи швидко переміщатися між розділами. Це є
зручним у разі, коли на сторінці занадто багато тексту.
Внутрішні посилання також вставляються за допомогою тега <a> з
різницею в тому, що атрибут href містить ім'я покажчика (так званий якір), а
не URL-адресу. Перед ім'ям покажчика ставиться знак #.
<a href="#p1"> Літо </a> <! - Задаємо якір через id
елемента ->
<p id = "p1"> ... </ p> <! - Додаємо відповідний id
елементу ->
Якщо потрібно зробити посилання з однієї сторінки сайту на певний
розділ іншої сторінки сайту, то необхідно задати id для цього розділу сторінки,
а потім додати його до абсолютної адреси посилання:
<p id = "about_color"> color </p>
<a href="http://site.ua/page1/#about_color" color </a>
Згідно стандарту HTML5 елемент <a> може містити крім вбудованого
контенту ще і блокові елементи, тобто, можна об'єднувати в одному посиланню
головний заголовок і логотип вашого сайту:
<a href="http://summer.ua">
<h1> ЛІТО </h1>
<img src = "logo.png" alt = "ЛІТО">
</a>
Крім глобальних атрибутів, елемент <a> підтримує власні атрибути.
– href – значенням атрибута є URL-адреса документа, на яку
вказується посилання.
– nofollow – забороняє пошуковій системі переходити за посиланнями
на даній сторінці або за конкретними посиланнями.
– target – вказує на те, в якому вікні повинен відкриватися документ,
до якого веде посилання. Приймає наступні значення:
– _self – сторінка завантажується в поточне вікно;
– _blank – сторінка відкривається в новому вікні (вкладці) браузера;
– _parent – сторінка завантажується у фрейм-батько;
– _top – сторінка завантажується в повне вікно браузера.
2.1.5 HTML зображення
HTML зображення додаються на веб-сторінки за допомогою тега <img>.
Використання графіки робить веб-сторінки візуально привабливіше.
Зображення допомагають краще передати суть і зміст веб-документа. Також, за
допомогою HTML-тегів можна робити карти-зображення з активними
областями.
Зображення додаються на веб-сторінки за допомогою одинарного тега
<img>, закриваючий тег не потрібний. Оскільки елемент <img> є рядковим, то
рекомендується розташовувати його всередині блокового елемента, наприклад,
<p> або <div>.
Для тегу <img> доступні наступні атрибути: