Найбільш поширеною мовою гіпертекстової розмітки сьогодні є HTML. Крім широкого набору коштів для визначення структури документа, він має можливості зміни їх візуального уявлення. Наприклад, ви можете задати фон гіпертекстового документа та його елементів різними способами.
Вам знадобиться
- - це можливість редагування документа HTML.
Інструкція
1. Щоб встановити колір тла всього документа, таблиць, а також їх рядків, комірок заголовків та комірок вмісту, використовуйте атрибут bgcolor елементів BODY, TABLE, TR, ^, TD відповідно. Цей атрибут приймає значення, що кодує колір простору SRGB, виражене у вигляді шістнадцяткового числа з попереднім знаком дієзу або символьною мнемонікою. Наприклад:<BODY bgcolor=""#008000""><TABLE bgcolor=""green"">
2. Використовуйте атрибут background елемента BODY, щоб визначити зображення, яке буде фоном всього документа:< BODY background = "" bgimage.gif "" > B відповідно до принципу поділу структури і механізмів визначення візуального представлення гіпертекстових документів, замість атрибутів HTML-елементів (як це описано в кроках 1 і 2) рекомендується використовувати таблиці стилів.
3. Встановіть колір тла будь-якого елемента за допомогою властивості background-color CSS. Використовуйте атрибут style для визначення вбудованої інформації про стиль елемента або додайте набори правил з відповідними селекторами в таблиці стилів:<div style=""background-color: # 00FF00 "> зелений фон </div > BODY {background-color: #00FF00; }
4. Визначте зображення тла будь-якого елемента або групи елементів за допомогою властивості background-image CSS. Його значенням повинен є URI, що ідентифікує відповідний ресурс. Наприклад:<div style=""background-image: url("/myimage.gif") "> фон-картинка </div > BODY {background-image: url(""myimage.gif"") }
5. Встановіть додаткові правила відображення фонового зображення елементів документа. Використовуйте CSS властивості background-repeat, background-attachment і background-position. Перше з них визначає параметри мозаїчного дублювання, друге - фіксацію щодо документа або вікна перегляду, а третє - початкове зміщення або вирівнювання відносно меж контейнера. З можливими значеннями даних властивостей ознайомтеся в специфікації CSS2 на сайті w3c.org.