Як в html задати фон


 

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



Вам знадобиться

— можливість редагування HTML-документа.

Інструкція

  1. Для того щоб в HTML задати колір фону всього документа, таблиць, а також їх рядків, комірок заголовків і осередків вмісту, використовуйте атрибут bgcolor елементів BODY, TABLE, TR, TH, TD відповідно. Даний атрибут приймає значення, кодує колір простору SRGB, виражене у вигляді шістнадцяткового числа з попереднім знаком дієза або символьної мнемонікою. Наприклад:


      

  2. Використовуйте атрибут background елемента BODY, щоб визначити зображення, яке буде фоном всього документа:

    Відповідно до принципу поділу структури та механізмів визначення візуального представлення гіпертекстових документів, замість атрибутів HTML-елементів (як це описано в кроках 1 і 2) рекомендується використовувати таблиці стилів.
      
  3. Задайте колір фону будь-якого елементу за допомогою властивості background-color CSS. Використовуйте атрибут style для визначення вбудованої інформації про стиль елемента або додайте набори правил з відповідними селекторами в таблиці стилів:
    зелений фон

    BODY {background-color: # 00FF00;}
      

  4. Визначте фонове зображення будь-якого елемента або групи елементів за допомогою властивості background-image CSS. Його значенням повинен є URI, що ідентифікує відповідний ресурс. Наприклад:
    фон-картинка

    BODY {background-image: url («myimage.gif»)}
      

  5. Задайте додаткові правила відображення фонового зображення елементів документа. Використовуйте CSS властивості background-repeat, background-attachment та background-position. Перше з них визначає параметри мозаїчного дублювання, друге — фіксацію щодо документа або вікна перегляду, а третє — початкове зміщення або вирівнювання щодо меж контейнера. З можливими значеннями даних властивостей ознайомтеся в специфікації CSS2 на сайті w3c.org.