Задача Задача №3472015
А
А
Коротко: в чистом HTML без CSS растянуть фоновое изображение до 100% нельзя.
Что значит и почему:
- Атрибут body (background="фон2.jpg") задаёт изображение фоном, но не даёт способа его масштабирования.
- В обычном HTML нет команды, которая прямо сказала бы "растяни на весь экран" без CSS.
- Чтобы управление размером/масштабированием фона было надёжным, нужен CSS (например background-size).
Как правильно сделать (рекомендуется, с CSS)
Вариант 1 — внешний CSS:
Фон на 100% Вариант 2 — инлайн CSS (без внешнего файла CSS):
Объяснение параметров:
- background-size: cover — изображение масштабируется так, чтобы заполнить весь экран (при этом сохраняется пропорции; часть изображения может быть обрезана).
- background-repeat: no-repeat и background-position: center center — чтобы изображение не повторялось и было по центру.
- height: 100% или 100vh — чтобы фон занимал всю высоту окна браузера.
Если строго нельзя использовать CSS вообще
- Непосредственно в чистом HTML без CSS корректно растянуть фон невозможно. Можно попытаться заменить фон на элемент-изображение внутри страницы (но это уже другое решение и требует CSS для корректного масштабирования). Поэтому для задачи растянуть фон до 100% без CSS рассчитывать можно только на CSS (inline или внешний файл).