Для разделения страницы на 4 части - 2 по горизонтали и 2 по вертикали, вам понадобится использовать HTML и CSS.
Сначала создайте HTML-структуру, содержащую 4 блока, каждый из которых будет представлять одну из частей страницы. Например:
<!DOCTYPE html>
<html>
<head>
<title>Разделение страницы на 4 части</title>
<style>
body, html {
margin: 0;
padding: 0;
height: 100%;
}
.container {
display: flex;
flex-wrap: wrap;
height: 100%;
}
.box {
flex-basis: 50%;
height: 50%;
}
.box:nth-child(odd) {
background-color: #f1f1f1;
}
.box:nth-child(even) {
background-color: #ccc;
}
</style>
</head>
<body>
<div class="container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
</body>
</html>
В этом примере мы определяем главный контейнер с классом "container". Затем мы используем свойство "display: flex" для создания гибкого контейнера, который автоматически распределит блоки по горизонтали и вертикали.
Каждый блок имеет класс "box" и flex-basis равное 50%, чтобы разделить горизонтально и вертикально страницу на 2 части. Класс "box:nth-child(odd)" и "box:nth-child(even)" определяют стили для каждого второго блока, чтобы наглядно разделить страницу на части.
В итоге, блоки будут автоматически растягиваться на всю доступную высоту экрана и равномерно размещаться на всей странице, горизонтально и вертикально, создавая 4 части страницы.