Как сделать фон в html

В настройке любого сайта, помимо функционала, очень важно оформление. Именно это задаёт собственный стиль и дизайн той или иной компании либо персоны, для которой создаётся сайт. Настроить цвет фона и его изображение не составит труда, следуя инструкциям в данной статье.

Откройте свой HTML файл по средствам блокнота либо любого другого текстового редактора, к которому вы привыкли.

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

Для начала измените цвет вашего фона, так как люди с медленным интернет соединением не сразу смогут увидеть фоновое изображение сайта. Некоторое количество времени, пока картинка загружается, они смогут видеть лишь цвет вашего сайта.
Впишите в тэг ‹body› параметр bgcolor\u003d”*****”, где ***** – это шифр цвета. Узнать цвета для HTML вы можете в любом графическом редакторе, выбрав опцию “для вэб” либо на сайте https://colorscheme.ru/color-names

Вам достаточно выбрать цвет в палитре круга и назначить его интенсивность в рамках квадрата. Справа вы увидите два кода для html. Скопируйте их и вставьте в блокнот.

Подобрав цвет и вставив его в код, посмотрите, всё ли правильно вы сделали, просмотрев получившуюся веб страницу с браузера.

Теперь вы можете приступать к вставке фонового изображения. Поместите желаемую картинку в папку с кодом для большего удобства. Задайте ему имя латинскими буквами.

Теперь узнайте расположение файла, кликнув по нему правой кнопкой мыши, выбрав строку “Открыть с помощью” и кликнув на любой браузер, установленный на вашем компьютере.

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

Теперь в тэге ‹body› впишите строку:

style\u003d”background-image: url(‘file:///C:/Users/ПУТЬ_ФАЙЛА.jpg’)”

Сохраните свой файл.

Проверьте свою веб страницу. Вы увидите, что фон подставлен под ваш текст.

Veuillez noter que les utilisateurs qui ont une résolution d'écran supérieure, votre image sera dupliquée vers le bas et la droite. Il ne sera pas bon, si la photo n'est pas monophonique. Pour corriger ce paramètre, il existe des commandes spéciales.

répétition du fond.: “Sens". Vos options de valeur peuvent être: " répéter-x " - répète votre image d'arrière-plan et horizontalement, et verticalement. " répéter-y " - Répétition uniquement verticalement. " non-répéter " - L'image est gelée en place et non répétée. " espace " - La page entière sera remplie avec le nombre maximal de copies de l'image, l'extrême va se vanter. " tour " - la même option, mais sur les bords de l'image sera soigneusement mis à l'échelle;
background-attachement: "valeur". Si nous substituons au lieu du mot teg signification " faire défiler«L'image fera défiler le site. " fixé"- Lors du défilement, l'arrière-plan reste inchangé;
taille de l'arrière-plan: Valeur Value2. Ici, les valeurs doivent prendre le montant en pixels. Par exemple: 100px 200px. En plus des pixels, les valeurs sont acceptées en pourcentage. Ceci est le paramètre pour remplir la page de l'image. En plus des chiffres, vous pouvez entrer deux paramètres: " contenir"- remplit la page avec l'image le long du côté long et" couverture."- Remplit la page avec une largeur d'image.