Для объединения ячеек в HTML используются атрибуты colspan и rowspan. 14

Атрибут colspan позволяет объединять ячейки по горизонтали, то есть объединить несколько ячеек в одну ячейку, которая будет занимать несколько столбцов таблицы. 2 Атрибут rowspan — по вертикали, то есть объединить несколько ячеек в одну ячейку, которая будет занимать несколько строк таблицы. 2

Пример использования атрибута colspan:

<table>  <tr>    <td>Ячейка 1</td>    <tdcolspan='2'>Ячейка 2</td>    <td>Ячейка 3</td>  </tr>  <tr>    <td>Ячейка 4</td>    <td>Ячейка 5</td>    <td>Ячейка 6</td>    <td>Ячейка 7</td>  </tr></table>

Пример использования атрибута rowspan:

<table>  <tr>    <td>Ячейка 1</td>    <tdrowspan='2'>Ячейка 2</td>    <td>Ячейка 3</td>  </tr>  <tr>    <td>Ячейка 4</td>    <td>Ячейка 5</td>  </tr></table>

В данном примере первая ячейка таблицы объединяется с ячейкой, расположенной ниже, и занимает две строки, а остальные ячейки таблицы остаются отдельными. 2