Веб-сторінка з фоном, як правило, виглядає красивіше, ніж без нього. Від грамотних дій додавання фону залежить правильність відображення веб-сторінки.
Інструкція
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. Однак всі ці вказівки записати в окремий файл з розширенням bat, який, згодом, підключити до сторінки.
