В HTML изображения добавляются с помощью тега <img>. Атрибут src задает ссылку на изображение, который позволяет браузеру загрузить его и отобразить на странице.
<img src="путь_к_изображению.jpg" alt="описание_изображения">Атрибут alt задает текст, который будет показан на странице, если изображение не будет загружено, а также используется в качестве вспомогательного средства для доступности.
Чтобы задать размеры и расположение изображения на странице, используются CSS свойства width, height, margin и padding.
Например, чтобы задать ширину изображения в 200 пикселей и отступы сверху и снизу по 10 пикселей, можно использовать следующий CSS код:
img {
width: 200px;
margin: 10px 0;
}Чтобы добавить обтекание текстом вокруг изображения, можно задать свойство float. Например:
img {
float: left;
margin-right: 10px;
}Этот CSS код выровняет изображение слева и добавит отступ справа в 10 пикселей, чтобы обеспечить отступ от текста.
Также можно изменять размеры изображений в зависимости от того, как они будут отображаться на разных устройствах, используя атрибут srcset или CSS свойство max-width.
Например, чтобы сделать изображение адаптивным и масштабировать его до максимальной ширины родительского контейнера, можно использовать следующий CSS код:
img {
max-width: 100%;
height: auto;
}Этот CSS код масштабирует изображение до максимальной ширины родительского контейнера, сохраняя при этом пропорции изображения и автоматически изменяя высоту для сохранения соотношения сторон.
