Как да промените фона в HTML

Съдържание:

Как да промените фона в HTML
Как да промените фона в HTML

Видео: Как да промените фона в HTML

Видео: Как да промените фона в HTML
Видео: CSS свойство BACKGROUND. Делаем фон для сайта // Уроки HTML CSS JS. Урок №9 2024, Април
Anonim

Фонът на страницата може да се зададе посредством HTML и CSS, като се посочат подходящите директиви в изходния код на документа. Атрибутите, използвани в езиците за маркиране, се поддържат от повечето съвременни браузъри и ще се показват правилно на почти всеки посетител на вашия сайт.

Как да промените фона в HTML
Как да промените фона в HTML

Параметър на фона

Отворете вашия HTML файл на страница за редактиране в редактора, който използвате. За да направите това, можете да щракнете с десния бутон върху документа и да изберете раздела „Отваряне с“.

Структурата на HTML файл е поредица от дескриптори от различни нива и цели. Кодът на страницата обикновено започва с етикет. Това обикновено е последвано от раздел, който съдържа заглавието на страницата и CSS кода. След като дескрипторът бъде затворен, тялото на страницата започва. Атрибутът за задаване на фоново изображение на страницата е зададен като допълнителен параметър на фона за този маркер. Кодът за създаване на фона на страницата ще изглежда така:

В този случай пътят до картината може да бъде URL (като се започне с https://). Местоположението може да бъде посочено от главната директория (/root/folder/background.jpg) или спрямо местоположението на редактирания HTML документ (например папка / background.jpg).

Запазете промените си и отворете страницата в браузър. За да направите това, щракнете с десния бутон и изберете „Отваряне с“. В предоставения списък посочете името на програмата, която използвате за сърфиране в Интернет. Ако параметърът на фона е зададен правилно, ще видите предварително зададеното фоново изображение. Ако картината не се показва, проверете коректността на атрибута на фона и пътя към фоновия файл.

Bgcolor параметър

За да зададете цвета на фона без картина, можете да използвате директивата bgcolor. Като стойност за този атрибут можете да посочите името на цвета на английски или да използвате стойността на цвета в HTML палитрата. Например:

Този код дава на страницата син фон. Ако искате да зададете цветен оттенък или по-точен цвят, използвайте стойностите на HTML палитрата:

В този случай # 002902 е цветът, който трябва да се придаде на страницата.

CSS атрибути

Можете също да зададете фона, като използвате CSS в параметрите:

С CSS можете също да зададете фоновото изображение за страницата чрез background-image:

Използването на CSS и HTML дава едни и същи резултати, но за предпочитане е да се използва CSS при задаване на параметрите за показване на страницата.

Препоръчано: