Как сделать такой блок с картинкой?

Для создания блока с изображением на сайте можно использовать HTML и CSS. Вот пример кода на HTML и CSS, который позволит создать блок с картинкой:

HTML:

<div class="image-block">
  <img src="image.jpg" alt="Image">
</div>

CSS:

.image-block {
  width: 300px;
  height: 200px;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px;
  text-align: center;
}
 
.image-block img {
  max-width: 100%;
  max-height: 100%;
}

В данном примере мы создаем блок с классом "image-block" и помещаем в него изображение с помощью тега . С помощью CSS мы задаем стили для блока и изображения, устанавливаем ширину, высоту, рамку, отступы и выравнивание изображения по центру.

Если вам нужно добавить дополнительные стили или функциональность, вы можете настроить CSS по вашему усмотрению. Например, можно добавить анимации, тени, обтекание текстом и многое другое.

Таким образом, используя HTML и CSS, вы можете легко создать блок с изображением на вашем сайте.