Як міняти фон в HTML

Як міняти фон в HTML

Фон сторінки може бути заданий засобами HTML і CSS при вказівці відповідних директив в початковому коді документу. Використовувані в мовах розмітки атрибути підтримуються більшістю сучасних браузерів і коректно відображатимуться практично у будь-якого відвідувача вашого сайту.

 


Параметр background

Відкрийте файл вашої сторінки HTML для редагування у використовуваному вами редакторові. Для цього ви можете кликнути правою клавішею миші на документі і вибрати розділ "Відкрити з допомогою".

Структура HTML- файлу є рядом дескрипторів різного рівня і призначення. Код сторінки зазвичай розпочинається з тега <html></html>. Після нього зазвичай йде секція <head></head>, у якій вказується заголовок сторінки і код CSS. Після закриття дескриптора починається тіло сторінки <body></body>. Атрибут для завдання фонового малюнка сторінки виставляється в якості додаткового параметра background для цього тега. Код для створення фону сторінки виглядатиме таким чином:

<body background = шлях до файлу картинки>


При цьому шлях до картинки може бути URL(починаючи з http://). Розміщення може бути задане з кореневої директорії(/root/folder/background.jpg), так і відносно місця розташування редагованого документу HTML(наприклад, folder/background.jpg).

Збережіть зроблені зміни і відкрийте сторінку у браузері. Для цього кликніть правою клавішею миші і виберіть "Відкрити з допомогою". У запропонованому списку вкажіть найменування використовуваної вами програми для перегляду сторінок в інтернеті. Якщо параметр background був заданий коректно, ви побачите вказану раніше фонову картинку. Якщо картинка не відображається, перевірте правильність вказівки атрибуту background і шлях до файлу фону.

Параметр bgcolor

Щоб задати колір фону без картинки, ви можете скористатися директивою bgcolor. В якості значення для цього атрибуту ви можете вказати назву кольору англійською мовою або використати значення кольору в палітрі HTML. Наприклад:

<body bgcolor = blue>

Цей код задає сторінці синій фон. Якщо ви хочете задати відтінок кольору або точніший колір, використайте значення HTML- палітри:


<body bgcolor=#002902>

В даному випадку #002902 є кольором, який необхідно надати сторінці.

Атрибути CSS

Ви також можете задати фон за допомогою коду CSS, прописаного в параметрах <body>:

<body style=background - color: #E09255>

За допомогою CSS ви можете вказати і фоновий малюнок для сторінки через background - image:


<body style=background - image: url>

Використання CSS і HTML дає однакові результати, проте задаючи параметри відображення сторінки прийнятніше використати CSS.

 


Надрукувати