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> доступні наступні атрибути:
   27   28   29   30   31   32   33   34   35   36   37