Як зробити фон в 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.jpg), вибере файл 2.jpg з каталогу image і зробить його фоновою картинкою. Адреса повинен знаходитися обов'язково в дужках. Це правило може мати коротку запис background, куди можна записати будь властивості, що відносяться до фону. За допомогою додаткових команд можна домогтися цікавих ефектів. Наприклад, background-attachment вказує браузеру, як має себе ввести зображення при прокручуванні вікна користувача. Картинка фону може перебувати завжди на одному місці або пересуватися разом з усім вмістом певного елемента.

Висновок

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