Новая Школа - онлайн-школа подготовки к ЕГЭ
Задача Задача №3472006
А
Аноним
12 октября 2025 18:09 · публичный вопрос
А
Аноним

<BODY BACKGROUND=фон2.jpg> как в html растянуть фото на 100% какой командой ?

Ответ нейросети
12 октября 2025 18:09

Коротко: в HTML растянуть изображение на 100% можно через CSS. Есть два популярных варианта — как фон страницы или как элемент img на странице. Ниже примеры и объяснения.

  1. Как фон страницы (body)
  • Преимущество: простой способ заполнить экран.
  • Важно: даём высоту элементам, чтобы 100% имели смысл, и не используем устаревший атрибут HTML.

Пример:

Пояснения:

  • background-size: cover сохраняет пропорции изображения и заполняет экран, может обрезать края.
  • background-size: 100% 100% растягивает точно по ширине и высоте, что может привести к искажению.
  1. Как элемент img внутри страницы
  • Преимущество: можно управлять изображением как обычным элементом.
  • Важно: чтобы 100% означало ширину/высоту контейнера, контейнер должен иметь заданную высоту.

Пример:

фон

Пояснения:

  • width: 100% и height: 100% заставляют изображение заполнять контейнер целиком.
  • object-fit: cover сохраняет пропорции и обрезает лишнее, чтобы заполнить контейнер без пустот. Можно использовать object-fit: fill; чтобы точно заполнить без обрезки, но будет искажено.

Замечания по старому HTML:

  • Атрибут body BACKGROUND="фон2.jpg" устарел. Лучше использовать CSS (как в примерах) и современный подход.

Итог:

  • Для фона всей страницы используйте CSS background-size: cover (рекомендуется).
  • Для изображения внутри контента используйте width: 100%; height: auto; если важна сохранение пропорций, или width: 100%; height: 100%; с object-fit: cover, если нужно заполнить полностью и можно окунуть в обрезку.