Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
лабораторні делфі.doc
Скачиваний:
2
Добавлен:
01.04.2025
Размер:
1 Мб
Скачать
☆

19.4.2 Використання кольорів

Якщо з допомогою параметрів тега <BODY> не було вказано кольори для елементів HTML-документа, то для його відображення будуть використані кольори, визначені в броузері користувача. Тому, якщо в HTML-документі буде задано хоча б один колір, то слід задати кольори і для інших елементів даного документа. Це гарантуватиме те, що однаковим кольором не будуть відображатись різні елементи документа. Щоб документ легко читався, треба робити кольори тексту та фону контрастними.

Колір можна задати вказуванням стандартного значення (див. Таблицю 19.2) або шістнадцятковим числом.

Таблиця 19.2 – Стандартні кольори в HTML-документах

Колір

Значення

Колір

Значення

BLACK (чорний)

#000000

SILVER (сріблястий)

#C0C0C0

MAROON (бурячковий)

#800000

RED (червоний)

#FF0000

GREEN (зелений0

#008000

LIME (лимонний)

#00FF00

OLIVE (оливковий)

#808000

YELLOW (жовтий)

#FFFF00

NAVY (темно-синій)

#000080

BLUE (синій)

#0000FF

PURPLE (фіолетовий)

#800080

FUCHSIA (рожевий)

#FF00FF

TEAL (зелено-голубий)

#008080

AQUA (блакитний)

#00FFFF

GRAY (сірий)

#808080

WHITE (білий)

#FFFFFF

Приклад задання кольорів для елементів HTML-документа:

<BODY BGCOLOR=”NAVY” TEXT=”WHITE” LINK=”RED” VLINK=”BLUE” ALINK=”#008000”>

Тег-контейнер <ADDRESS> </ADDRESS> служить для вказування автора документа, його контактної адреси (за бажанням), інформації про авторські права на матеріал, який міститься в документі, дати створення документа та дати його останнього оновлення. Даний тег розміщують або на початку документа, або в його кінці. Текст, записаний всередині цього тега, більшістю броузерів відображається курсивом.

19.3 Структурування та розділення частин тексту

Те, як документ виглядає на екрані у користувача, залежить від настройок комп’ютера користувача і правильної розмітки тексту документа мовою HTML, команди якої виконує броузер. Однією з переваг мови HTML як мови розмітки документів є забезпечення незалежності документа від комп’ютера користувача. Це досягається використанням тегів, назви яких та призначення подані в таблицях 19.3-19.4.

Таблиця 19.3 – Теги для розділення частин тексту

Назва

Призначення

<P> </P>

(може мати параметр ALIGN)

Абзац. Закриваючий дескриптор </P> не обов’язковий, але його використання в кінці абзацу допоможе коректно відобразити текст в броузерах, які не повністю відповідають стандарту HTML . Між абзацами відображається порожній рядок. За замовчуванням абзац вирівнюється по лівому полю.

<BR>

Розрив рядка

<NOBR> </NOBR>

Заборона розриву рядків

<WBR>

Вказування можливого місця розриву рядка у випадку задання заборони розриву рядків (мя’кий розрив рядка)

<HR>

Створення горизонтальної лінії з “тінню”

<PRE> </PRE>

Попередньо відформатований текст

<DIV> </DIV>

Виділення розділу

Параметр ALIGN для тега <P> </P> може мати значення LEFT, CENTER, RIGHT. Вони задають вирівнювання відповідно по лівому полю, по центру між полями документа та по правому полю.

Тег <HR> може мати параметри, назви та значення яких наведені в таблиці 19.4.

Таблиця 19.4 – Параметри тега <HR>

Назва

Призначення

ALIGN

Вирівнювання (LEFT, RIGHT, CENTER)

WIDTH

Довжина лінії. Вказується у пікселях (200) або у відсотках до ширини вікна броузера (45%)

SIZE

Висота лінії в пік селях

NOSHADE

Якщо задано цей параметр, то лінія рисується без “тіні”

COLOR

Колір лінії

Тег-контейнер <PRE> </PRE> використовується при необхідності розміщення в HTML-документі попередньо відформатованого тексту, який може містити порожні рядки і мати довільну форму. Найчастіше даний тег використовується для розміщення в документі блоків програмного коду на одній з мов програмування, які було б важко прочитати, якщо броузер відформатував би їх. Всередині даного тегу допускається використання тегів абзацу та форматування символів, але не допускається використання тегів заголовків або <ADDRESS>. Додавання до тексту заголовків дозволяє структурувати його. Це допомагає користувачам орієнтуватись в документі та роблять подану в ньому інформацію більш зрозумілою. Для створення заголовків використовуються теги-контейнери <H1> </H1> .. <H6> </H6>, які задають 6 рівнів заголовків відповідно від найбільш важливого до найменш важливого. Кожен з цих рівнів виглядає певним чином в броузері користувача, але розробник документа не може безпосередньо керувати атрибутами заголовків. Теги заголовків можуть використовуватись з параметром ALIGN подібно до того, як це застосовується з тегом абзацу. Використання цього параметру бажане у всіх випадках, тому що деякі броузери можуть мати інакше вирівнювання заголовків за замовчуванням, ніж вважає розробник. В загальному випадку рекомендується використовувати новий рівень заголовку, коли є від 2 до 4 елементів однакової важливості.

Тег-контейнер <DIV> </DIV> використовується для виділення блоку документа, всередині якого можна задати вид вирівнювання, стилі форматування і т.п.