Використання графіки та кольору

Використання графіки в HTML дозволяє користувачеві задавати чи змінювати колір текстового вмісту, текстових посилань, вставляти в текст зображення, задавати і змінювати фоновий колір Web-сторінки, вставляти фонові зображення, задавати якорі посилань у вигляді зображень, формувати карти посилань тощо. В даному посібнику розглядаються можливості HTML, пов’язані з завданням кольору тексту, фону, гіпертекстових посилань, вставки в текст зображень, вставки якорів-зображень.

При роботі з графікою слід враховувати наступні моменти:

· не всі браузери є графічними, тобто можуть відображати графічні файли і кольоровий текст;

· у кожного графічного браузеру існують обмеження в кількості відображених кольорів (звичайно 256 кольорів);

· будь-який новий колір, який не входить до палітри кольорів браузера, визначається їм у вигляді сполучення близько розташованих пікселів різноманітних кольорів базової палітри;

· в різних операційних системах використовуються різні палітри;

· палітри декотрих операційних систем мають частину загальних кольорів;

· в різних графічних браузерах реалізовані різні алгоритми побудови додаткових кольорів;

· розмір пікселя залежить від можливостей і налаштувань комп’ютеру користувача;

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

Способи завдання кольору

Будь-який колір на екрані комп’ютера отримується завдяки сочетанию трьох кольорів: червоного (red - R), зеленого (green - G) і синього (blue - B). Значення кожного з кольорів задається двозначним шістнадцятирічним кодом, тобто може приймати значення від 00 до FF.

Колір в HTML задається двома способами:

1. RGB значенням;

2. Кольоровим іменем.

В таблиці 6.1 наведений 16-кольоровий стандарт, який підтримується VGA палітрою Windows.

Таблиця 6.1 – Палітра кольорів

Слід звернути увагу на правило запису RGB значення. Нагадуємо, що окрім вказаних кольорів, які складають загальноприйнятий стандарт, кожний графічний браузер підтримує свою, як правило 256-кольорову, палітру. Подробиці про формуванні RGB значення можна подивитися на сайті https://www.w3.org/pub/WWW/Printing/motta/W3Color.html.