Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
web-ekzamen.docx
Скачиваний:
0
Добавлен:
01.05.2025
Размер:
118.48 Кб
Скачать

5 Посилання в html Елемент а

Елемент А служить для позначення в HTML-коді посилального елементу. Той елемент Web-сторінки, який потрапляє всередину елементу А, буде посиланням. Якщо це фрагмент тексту, то він буде виділений підкресленням і тим кольором, який заданий в атрибуті link елементу BODY. Для того, щоб вказати документ, на який повинен здійснюватися перехід по посиланню, потрібно додати атрибут href і як його значення вказати URL потрібного документа, наприклад href="page.html". Тоді після клацання на засланні відкриється вказаний документ — page. html.

За умовчанням Посилання завантажуються в те ж вікно. Якщо хочете змінити цей порядок, то в елементі А необхідно задати атрибут target="_blank", тоді посилання завантажиться в нове вікно.

Таблиця атрибутів елементу А

Атрибут

Опис

Значення

Приклад

name

Служить для установки прив'язки, Посилання на прив'язку повинне включати ім'я мітки

ім'я мітки

name="metka"

href

Задає URL ресурсу, на який треба переходити після клацання на засланні

URL

href="document.html#metka"

title

Містить опис гіперпосилання текст виводитиметься в якості підказки, якщо підвести курсор миші до посилання

текст

title="слідуюча сторінка"

target

Задає цільовий фрейм або вікно. Можливі значення:

_blank —завантажується в нове вікно.

_self — завантажується в той же фрейм.

_parent — документ завантажується в безпосередній батьківський фрейм, еквівалентно, якщо поточний фрейм не має батьківського фрейму.

_top — завантажується документ в повне вікно (закриваючи всі останні фрейми). Це значення еквівалентне

_self, якщо в поточного фрейму немає

батьківського фрейму

_blank _self _parent _top

target="_blank"

6 Поля та відступи в css

Поля -це спеціальні області, що дозволяють задати деяке вільне, нічим не зайнятий простір довкола кордону блоку. Регулюючи величину полів, можна управляти відстанню між блоками, наприклад зменшити або збільшити абзацний відступ між абзацами.

Властивості margin-top, margin-right, margin-bottom, margin-left

Ці властивості визначають величину полів довкола блоку:

  • margin-top — задає ширину верхнього поля;

  • margin-right — задає ширину правого поля;

  • margin-bottom — задає ширину нижнього поля;

  • margin-left — задає ширину лівого поля.

Значення можуть задаватися в будь-яких одиницях довжини, а також у відсотках. Процентне співвідношення в цьому випадку обчислюється відносно контейнера, що створив цей блок. Контейнером для будь-якого блоку служить батьківський елемент.

Властивість margin

Це стенографічна властивість використовується для короткого запису значень властивостей margin-top, margin-right, margin-bottom і margin-left. Властивість margin може мати одне, два, три або чотири значення.

Межі

Кордони блоків, так само як відступи і поля, діляться на чотири сегменти: верхній, правий, нижній і лівий. Кожен окремий сегмент кордону блоку може мати свої характеристики: колір, товщину, типа ліній. Для завдання характеристик можуть використовуватися окремі властивості або стенографічні властивості, що дозволяють записувати правила в коротшій формі.

Дані властивості визначають товщину кордонів блоків для верхнього, правого, нижнього і лівого сегментів відповідно. Значення можна задати за допомогою таких ключових слів:

  • thin — тонкий кордон;

  • medium — кордон середньої товщини;

  • thick — товстий кордон.

Якої товщини буде кордон, залежить від браузеру, але при цьому обов'язкове виконання наступного співвідношення: thin < medium < thick. Ці значення не повинні змінюватися впродовж всього документа. За умовчанням використовується ключове слово medium.

Товщину кордону можна вказати і в довільних одиницях виміру довжини: пик-' селях, пунктах, сантиметрах, міліметрах і так далі Недопустимо завдання величин у відсотках, а також негативних значень

Властивість border-width Ця властивість дозволяє задавати як длч всії сегментів так і для кожного окремого товщину

Властивість border-color

Це властивість задає колір кордону блоку. Якщо потрібно задати різні кольори для чотирьох складових кордонів, то можна користуватися індивідуальними властивостями

Властивість border-style

Це властивість задає типа ліній, якими відображуватимуться кордони блоку.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]