Як зробити фон в html. Коротка інструкція
Дана стаття дозволить вам розібратися з питанням: «Як зробити фон в HTML?» Будуть розібрані найпоширеніші і зручні способи, які використовуються сучасними розробниками.
Щоб зрозуміти, як зробити фон в HTML, потрібно всього лише вивчити один простий атрибут. А саме bgcolor, якому можна привласнювати значення у вигляді назви кольорів або їх індивідуального коду. Використовувати даний атрибут можна для будь-якого тега або елемента, наприклад, для окремих абзаців, для форми, таблиці і т.д. Щоб змінився колір всього документа, вкажіть атрибут bgcolor для тега body. Але є одне зауваження: bgcolor вже давно визнаний небажаним і робить ваш код автоматично невалідним. Консорціум Всесвітньої павутини закликає використовувати всіх розробників CSS аналоги. Мова каскадних таблиць дозволяє замінити небажані атрибути і навіть додає нові можливості. Саме за допомогою CSS можна домогтися найближчої результату до задуманого.
Відео: [Гумовий фон] Масштабна картинка в якості фону для сайту
аналоги атрибутів
Щоб створити фон для сайту, найкраще використовувати мову каскадних таблиць стилів. Властивість background-color допоможе змінити колір заднього плану будь-якого елементу. Якщо у цієї команди не буде спеціального призначення до певного тегу, то фон зміниться у всього документа. Наприклад, запис background-color: red, зробить задній план сайту червоним. А якщо вказано більш докладний опис, наприклад p {background-color: green}, то фон кожного тега абзацу p стане зеленим. Чим більше дано конкретики, тим у правила більше пріоритету. Можна використовувати коротку запис background. Як і у випадку з атрибутом bgcolor, як значення властивості background-color можна вказувати всі відомі способи опису кольору.
Відео: Робота з фоном - як додати фонове зображення на веб-сторінку (Основи HTML і CSS)
- За назвою. Всього існує 17 основних назв (red, green, blue і т.д.).
- За шестнадцатиричном значенням, де воно складається з цифр від 0 до 9 і букв від A до F (# c0c0c0).
- За допомогою абревіатур RGB, RGBA, HSL, HSLA. Запис у такий спосіб має такий вигляд RBG (122, 142, 92) або HSL (13, 21%, 75%).
Відео: Як зробити задній фон в Html.
зображення
Одна з найбільш чудових можливостей 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» закритим.
