05-11-2018 03:34

Как менять фон в HTML

Фон страницы может быть задан средствами HTML и CSS при указании соответствующих директив в исходном коде документа. Используемые в языках разметки атрибуты поддерживаются большинством современных браузеров и будут корректно отображаться практически у любого посетителя вашего сайта. Как менять фон в HTML

Параметр background

Что нужно знать для создания и продвижения сайтаВам будет интересно:Что нужно знать для создания и продвижения сайта



Откройте файл вашей страницы HTML для редактирования в используемом вами редакторе. Для этого вы можете кликнуть правой клавишей мыши на документе и выбрать раздел «Открыть с помощью».

Структура HTML-файла представляет собой ряд дескрипторов различного уровня и назначения. Код страницы обычно начинается с тега . После него обычно идет секция , в которой указывается заголовок страницы и код CSS. После закрытия дескриптора начинается тело страницы . Атрибут для задания фонового рисунка страницы выставляется в качестве дополнительного параметра background для данного тега. Код для создания фона страницы будет выглядеть следующим образом:



При этом путь до картинки может представлять собой URL (начиная с http://). Размещение может быть задано с корневой директории (/root/folder/background.jpg), так и относительно местоположения редактируемого документа HTML (например, folder/background.jpg).

Сохраните произведенные изменения и откройте страницу в браузере. Для этого кликните правой клавишей мыши и выберите «Открыть с помощью». В предложенном списке укажите наименование используемой вами программы для просмотра страниц в интернете. Если параметр background был задан корректно, вы увидите указанную ранее фоновую картинку. Если картинка не отображается, проверьте правильность указания атрибута background и путь до файла фона.

Параметр bgcolor



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



Данный код задает странице синий фон. Если вы хотите задать оттенок цвета или более точный цвет, используйте значения HTML-палитры:



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

Атрибуты CSS



Вы также можете задать фон при помощи кода CSS, прописанного в параметрах :



При помощи CSS вы можете указать и фоновый рисунок для страницы через background-image:



Использование CSS и HTML дает одинаковые результаты, однако задавая параметры отображения страницы предпочтительнее использовать CSS.

Источник