Как добавить изображение в html CSS

Чтобы добавить изображение в HTML с использованием CSS, нужно выполнить следующие шаги:

Сохранить изображение в нужном формате (например, в формате *.jpg или *.png) на сервере или на локальном компьютере.
Добавить тег <img> в HTML-код страницы и задать ему атрибуты src (указывает путь к файлу изображения) и alt (задает текст, который будет отображаться в случае ошибки загрузки изображения). Например:

<img src="my-image.jpg" alt="Мое изображение">

Чтобы стилизовать изображение, можно использовать CSS. Для этого нужно добавить класс к тегу <img> и задать его свойства в CSS-файле. Например:

<img src="my-image.jpg" alt="Мое изображение" class="my-image">

.my-image {
  width: 200px;
  height: 200px;
  border: 1px solid black;
}

Здесь мы создали класс .my-image, который задает ширину и высоту изображения на 200px и границу черного цвета толщиной 1px.

Обратите внимание, что путь к изображению, указанный в атрибуте src, должен быть относительным или абсолютным. Если вы используете относительный путь, то он должен указывать на директорию, где находится файл изображения относительно текущей страницы. Если изображение находится в той же директории, что и текущая страница, вы можете использовать только имя файла без пути.