Як зробити фон в HTML

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

Відкрийте файл HTML за допомогою ноутбука або будь-якого іншого текстового редактора, до якого ви звикли.

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

Почне з того, змінити колір фону, так як люди з повільним підключенням до Інтернету не відразу зможуть побачити фонове зображення сайту. Певна кількість часу, доки знімок не буде завантажено, вони можуть бачити тільки колір вашого сайту.
Введіть \u003cBody\u003e тег \u003cBody\u003e параметр BGColor \u003d "*****", де ***** є колір шифру. Ви можете дізнатися кольору для HTML в будь-якому графічному редакторі, вибравши опцію «для ЗЕБа» або на сайті https://colorscheme.ru/color-names.

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

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

Тепер ви можете приступити до вставки фонового зображення. Встановіть потрібну картинку в папці коди для більшої зручності. Задати йому ім'я латинських букв.

Відтепер дізнатися місце розташування файлу, клацнувши по ньому правою кнопкою миші, вибравши "Відкрити за допомогою» рядок і натиснувши на будь-якому браузері, встановленої на вашому комп'ютері.

Скопіюйте адресу з вашого пошуку броузера.

Тепер в тезі \u003cBODY\u003e, введіть рядок:

стиль \u003d "Фон-зображення: URL ( 'Файл: /// C: /Ussers/pail_File.jpg')"

Збережіть файл.

Перевірте веб-сторінку. Ви побачите, що фон підставляється під текстом.

Будь ласка, зверніть увагу, що користувачі, які мають більш високу роздільну здатність екрану, зображення буде продубльована вниз і вправо. Це не буде виглядати добре, якщо картинка не однотонна. Для виправлення цього параметра існують спеціальні команди.

фон-повторити.: “сенс». Можливі варіанти значень можуть бути: " rEPEAT-X " - Повторює фонове зображення і по горизонталі, і по вертикалі. " пОВТОР-Y " - Повторення тільки по вертикалі. " не повторювати " - Зображення зафіксується на місці і не повторюється. " space " - Вся сторінка буде заповнена з максимальною кількістю копій зображення, крайня похвалиться. " круглий " - той же варіант, але по краях зображення будуть ретельно масштабується;
фон-Attachment: "Значення". Якщо підставити замість слова ТЕГ сенс " манускрипт«Зображення буде переміщатися разом з сайтом. " фіксований«- при прокручуванні фон залишається незмінним;
фон-Size: значення значення2. При цьому значення мають прийняти кількість пікселів. Наприклад: 100px 200px. У доповненні до пікселів, значення приймаються у відсотках. Це параметр для заповнення сторінки зображення. Крім номера, ви можете ввести два параметри: " містити«- заповнює сторінку з зображенням по довгій стороні і" обкладинка.«- заповнює сторінку з шириною зображення.