Для сверстывания списков в квадратах в HTML, вы можете использовать CSS свойства для стилизации списка и его элементов.
Вот пример кода, который позволяет создать список, в котором каждый элемент будет отображаться в квадрате:
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
padding: 0;
margin: 0;
}
li {
display: inline-block;
width: 100px;
height: 100px;
background-color: #ccc;
margin: 5px;
text-align: center;
line-height: 100px;
}
</style>
</head>
<body>
<ul>
<li>Элемент 1</li>
<li>Элемент 2</li>
<li>Элемент 3</li>
<li>Элемент 4</li>
<li>Элемент 5</li>
</ul>
</body>
</html>
В данном примере мы используем CSS свойство list-style-type: none; для удаления маркеров списка. Затем мы стилизуем каждый элемент списка с помощью свойств display: inline-block;, width: 100px;, height: 100px;, background-color: #ccc;, margin: 5px;, text-align: center; и line-height: 100px;. При желании, вы можете изменить значения этих свойств, чтобы соответствовать вашим требованиям.
Используя этот код, каждый элемент списка будет отображаться в виде квадрата с фоновым цветом #ccc, шириной и высотой 100 пикселей, с отступом 5 пикселей между элементами. Вы можете добавить или удалить элементы списка по своему усмотрению.
Надеюсь, это поможет вам сверстать списки в квадратах в HTML. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать.