Чтобы сделать фотографии слитно (без отступов) в веб-странице, вы можете использовать CSS свойство margin и padding, чтобы удалить отступы вокруг изображений:
<!DOCTYPE html>
<html>
<head>
<style>
img {
display: block;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<img src="image1.jpg" alt="Фотография 1">
<img src="image2.jpg" alt="Фотография 2">
<img src="image3.jpg" alt="Фотография 3">
</body>
</html>
В коде выше мы используем простой CSS селектор img, чтобы выбрать все изображения на странице. Затем мы устанавливаем свойства display: block;, margin: 0; и padding: 0; для удаления полей и отступов вокруг каждого изображения.
display: block; превращает изображение в блочный элемент, который растягивается на всю доступную ширину и отбрасывает все отступы по горизонтали и вертикали.
margin: 0; и padding: 0; устанавливают отступы и поля вокруг изображения равными нулю, что удаляет любые видимые отступы.
Теперь все ваши фотографии будут отображаться слитно на веб-странице. Если у вас есть другие CSS стили или разметка, которая влияет на отображение изображений, вам может потребоваться адаптировать этот код для соответствия вашей ситуации.