Як зробити фон у HTML. Коротка інструкція

Як зробити фон у HTML. Коротка інструкція

Ця стаття дозволить вам розібратися з питанням: "Як зробити фон в HTML?" Будуть розібрані найпоширеніші і зручні способи, які використовуються сучасними розробниками.

Щоб зрозуміти, як зробити фон в HTML, потрібно всього лише вивчити один простий атрибут. А саме bgcolor, якому можна присвоювати значення у вигляді назви кольорів або їх індивідуального коду. Ви можете використовувати цей атрибут для будь-якого тегу або елемента, наприклад, для окремих абзаців, форми, таблиці тощо. Щоб змінити колір всього документа, вкажіть атрибут bgcolor для теґу body. Але є одне зауваження: bgcolor вже давно визнаний небажаним і робить ваш код автоматично невалидним. Консорціум Всесвітньої павутини закликає використовувати всіх розробників CSS аналоги. Мова каскадних таблиць дозволяє замінити небажані атрибути і навіть додає нові можливості. Саме за допомогою CSS можна досягти найближчого результату до задуманого.


Аналоги атрибутів

Щоб створити тло для сайту, найкраще використовувати мову каскадних таблиць стилів. Властивість background-color допоможе змінити колір заднього плану будь-якого елемента. Якщо ця команда не має особливого призначення до певного тегу, фон змінюється в цілому документі. Наприклад, запис background-color: red, зробить задній план сайту червоним. А якщо вказано більш детальний опис, наприклад p {background-color: green}, тло кожного тега абзацу p стане зеленим. Чим більше дано конкретики, тим у правила більше пріоритету. Можна використовувати короткий запис background. Як і у випадку з атрибутом bgcolor, як значення властивості background-color можна вказувати всі відомі способи опису кольору.

  1. За назвою. Всього існує 17 основних назв (red, green, blue тощо).
  2. За шістнадцятирічним значенням, де воно складається з цифр від 0 до 9 і літер від A до F (# c0c0c0).
  3. За допомогою абревіатур RGB, RGBA, HSL, HSLA. Запис таким способом має наступний вигляд RBG (122, 142, 92) або HSL (13, 21%, 75%).

Зображення

Одна з найбільш чудових можливостей CSS - це можливість використовувати фонові зображення для сайту. У даному випадку замість звичайного заднього плану буде застосована заздалегідь обрана картинка. Властивість background-image може використовуватися для будь-якого елемента або для всієї сторінки, подібно команді background-color. Як обов 'язкове значення виступає запис url. Після неї слід адреса, яка повинна посилатися на зображення. Наприклад, запис background-image: url (image/2.gif), вибере файл 2.gif з каталогу image і зробить його фоновою картинкою. Адреса повинна знаходитися обов 'язково в дужках. Це правило може мати короткий запис background, куди можна записати будь-які властивості, що відносяться до фону. За допомогою додаткових команд можна досягти цікавих ефектів. Наприклад, background-attachment вказує браузеру, як має себе ввести зображення при прокрутці вікна користувача. Зображення тла може знаходитися завжди на одному місці або пересуватися разом з усім вмістом певного елемента.

Ув 'язнення

Сподіваємося, ви з цієї статті дізналися про те, як зробити фон в HTML. При цьому на вибір дається кілька різних способів. Якщо вам важливо, щоб ваш код був валідним, то не можна використовувати атрибут HMTL bgcolor. А найкраще забути про дану команду і використовувати тільки CSS правила. Адже каскадні таблиці стилів були придумані спеціально для того, щоб можна було легше займатися дизайном сторінок. Саме тому атрибути подібні bgcolor йдуть у минуле і визнаються небажаними при створенні HTML-сторінок. Після цих слів можна вважати питання "як зробити фон в HTML" закритим.