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

Як зробити фон в 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» закритим.

сподобалося:
0
Популярні пости
Духовний розвиток
їжа
уп