Объяснение:
style
.winter{
height: 400px;
}
.spring{
height: 400px;
}
.sumer{
height: 400px;
}
.utumn{
height: 400px;
}
main
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<section class="winter">
<h1>Зима</h1>
<a href="Сюда ссылку"><img src="winter.jpg" width="450" height="350"></a>
</section>
<section class="spring">
<h1>Весна</h1>
<a href="Сюда ссылку"><img src="spring.jpg" width="450" height="350"></a>
</section>
<section class="sumer">
<h1>Лiто</h1>
<a href="Сюда ссылку"><img src="sumer.jpeg" width="450" height="350"></a>
</section>
<section class="utumn">
<h1>Осiнь</h1>
<a href="Сюда ссылку"><img src="utumn.jpg" width="450" height="350"></a>
</section>
</body>
</html>
