Как создать данную таблицу не используя тег table?

Для создания таблицы в HTML без использования тега "table" можно воспользоваться другими элементами и атрибутами, которые позволят нарисовать таблицу-сетку с использованием стилей.

Одним из способов создания таблицы в HTML без тега "table" является использование элементов "div" или "section" для контейнеров, а внутри каждого контейнера создать секции с помощью элементов "div" или "section". Затем, для каждой секции можно установить соответствующую ширину и высоту, а также применить стили для создания границ между ячейками таблицы-сетки.

Пример кода для создания таблицы без тега "table":

<style>
    .container {
        display: flex;
        flex-wrap: wrap;
        width: 400px;
    }
    
    .cell {
        width: 100px;
        height: 100px;
        border: 1px solid black;
    }
</style>

<div class="container">
    <div class="cell">Ячейка 1</div>
    <div class="cell">Ячейка 2</div>
    <div class="cell">Ячейка 3</div>
    <div class="cell">Ячейка 4</div>
    <div class="cell">Ячейка 5</div>
    <div class="cell">Ячейка 6</div>
</div>

В данном примере используется CSS для создания таблицы-сетки. Класс "container" задает стили контейнера, который будет содержать ячейки таблицы. С помощью свойства "display: flex" и "flex-wrap: wrap" контейнер автоматически переносит ячейки на следующую строку при необходимости.

Класс "cell" устанавливает ширину и высоту каждой ячейки, а также применяет границы через свойство "border: 1px solid black".

Каждая ячейка представляет собой отдельный блок "div". При необходимости можно использовать другие элементы, такие как "section" или "article", вместо "div", чтобы задать семантическую структуру.

Таким образом, используя элементы "div" (или другие элементы) и стилизацию с помощью CSS, можно создать таблицу-сетку без использования тега "table".