Порада 1: Як зробити фон html

Веб-сторінка з фоном, як правило, виглядає красивіше, ніж без нього. Від грамотних дій додавання фону залежить правильність відображення веб-сторінки.

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

 

 

Related posts

 
 

Leave a Reply

Ваш e-mail не будет опубликован. Обязательные поля помечены *

http://poradumo.com.ua/216924-porada-1-iak-zrobiti-fon-html/