Як зробити фон в html
Веб-сторінка з фоном, як правило, виглядає красивіше, ніж без нього. Від грамотних дій по додаванню фону залежить правильність відображення веб-сторінки.
1
Найпростіший спосіб зробити фон в html-документі - прописати значення атрибутів до тегу body. Задане значення атрибута background визначатиме фоновий малюнок на сторінці. Якщо ж поставити значення атрибута bgcolor, то сторінка придбає фоновий колір. Колір в атрибуті bgcolor тега body можна вказувати як в шістнадцятковому варіанті, так і просто одним словом.
2
Можна домогтися того ж самого ефекту, скориставшись каскадних таблицями стилів CSS. Значення атрибута background-color визначить фоновий колір на сторінці, в той час як завдання значення атрибуту background-image визначатиме шлях до фонового малюнку сторінки. Ці інструкції можна прописати на селектор body. Можна зробити й по-іншому: в html тегу body привласнити клас або ідентифікатор, а в css зазначені вище атрибути прописати класу чи кодом відповідно. Слід тільки мати на увазі, що якщо атрибути будуть прописані класу, то в html-документі фоновий колір матимуть всі об`єкти з зазначеним класом.
3
Зазначені вище інструкції можна написати в самому тілі html-документа. Для цього в службовій секції між тегами head (відкриває і закриває) відкрити тег style. Між відкриттям і закриттям даного тега можна писати будь-які інструкції CSS. Слід тільки враховувати, що в цьому випадку вага сторінки збільшиться, що може негативно позначитися на часі її завантаження у кінцевого користувача. Також слід врахувати, що в разі зазначення фонової картинки, її можна повторювати по горизонталі, вертикалі або по двох осях відразу. За це відповідає атрибут background-repeat в CSS. Фонова картинка може бути жорстко закріплена незалежно від наявності смуги прокрутки в документі. Для досягнення такого ефекту слід вказати background-attachment: fixed.
4
Фон у html-документа можна зробити, вдавшись до мов програмування. Можна прописати інструкції html за допомогою javascript. Для цього підійде мовна конструкція document.write. Якщо те ж саме висловити через модель DOM, то інструкція document.body.style.backgroundColor = "red" зробить фон сторінки червоним. Це рівносильно прописування відповідного атрибута безпосередньо в CSS.
5
Попередні інструкції можна прописати прямо в коді веб-сторінки, створивши пару тегів script між відкриває і закриває тегом head. Однак можна всі ці вказівки записати в окремий файл з розширенням js, який, згодом, підключити до сторінки.
Рада 2: Як в 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.jpg")} 5
Задайте додаткові правила відображення фонового зображення елементів документа. Використовуйте CSS властивості background-repeat, background-attachment і background-position. Перше з них визначає параметри музичного дублювання, друге - фіксацію щодо документа або вікна перегляду, а третє - початковий зсув або вирівнювання щодо кордонів контейнера. У разі виникнення значеннями даних властивостей ознайомтеся в специфікації CSS2 на сайті w3c.org.
Статті за темою "Як зробити фон в html"
Оцініть, будь ласка статтю