Як додати фон на веб-сторінку

Фон є одним з найбільш важливих елементів веб-сайту. Хороший фон створює певний настрій, шарм сайту і доповнює його зміст. Є багато різних способів додати фон. Деякі методи дозволяють застосувати фон для всіх сторінок сайту, в той час як інші додають фон тільки на певну сторінку. Ця стаття навчить вас, як додати фон на ваш сайт за допомогою HTML або CSS.




Метод 1 з 2: За допомогою HTML

Одноколірний фон

  1. 1

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

  2. 2

    Відкрийте вихідний код сторінки (source).

У тексті коду напишіть bgcolor. Тепер текст буде виглядати так - в поле НАЗВАНІЕЦВЕТА (COLORNAME) введіть назву кольору англійською. Наприклад;

  1. 1

    • (Колір)
    • (Номер)
    • (Значення RGB)

  2. 2

    Експериментуйте зі значенням RGB і у вас вийде багато різних відтінків. Пам`ятайте, що кольори треба вводити правильно і англійською.

Зображення в якості фону

  • Додати зображення в якості фону складніше, ніж одноколірний фон.

Додайте таке значення в код -, де SRC це вихідний файл або посилання на місце розташування зображення.

  1. 1

    • (У тій же папці)
    • (В іншій папці)
    • (В інтернеті)

  2. 2

    Пам`ятайте, що потрібно вводити зображення у форматі.gif / .jpeg /.bmp.

Метод 2 з 2: За допомогою CSS

Одноколірний фон

  1. 1

    Щоб додати одноколірний фон в CSS, додайте атрибут стилю. Ви можете також призначити ID і клас і використовувати як зовнішні, так і внутрішні приклади стилів.

  2. 2

    Текст коду повинен виглядати так -

    • , де COLORNAME ця назва кольору, його номер або його RGB.

Додавання зображення



  1. 1

    Щоб додати зображення, додайте атрибут стилю у вихідний код. Ви можете призначати ID і класи, а також використовувати як зовнішні, як і внутрішні приклади стилів.

  2. 2

    Код повинен виглядати так -

  3. 3

    Пам`ятайте, що SRC це вихідне місце розташування зображення. Наприклад, папка або посилання.
    • (У тій же папці)
    • (В іншій папці)
    • (Посилання на сторінку в інтернеті).

  4. 4

    Пам`ятайте, що потрібно вказати ім`я файлу і розширення.

Повторити зображення фону кілька разів

Щоб зробити фон з повторенням одного зображення або візерунка, змініть код на - Де REPEAT-SETTINGS це налаштування повторення зображення. Наприклад;

  1. 1

    • (Повтор зображення горизонтально і вертикально.)
    • (Повтор зображення горизонтально.)
    • (Повтор зображення вертикально.)

Зображення, що не прокручується

  1. 1

    Зображення, що не прокручується, коли ви переглядаєте нижню або верхню частину сайту. Ось код -

    • , де SRC це вихідна папка із зображенням, POSITION це позиція зображення (наприклад, центр, верх, низ) - background - тип фону.

Поради

  • Прочитайте статтю повністю.

Попередження

  • В HTML 4.01 і в XHTML цей метод може не спрацювати.