HTML rowspan и colspan: использование и примеры

В HTML атрибуты «rowspan» и «colspan» используются для указания того, сколько строк или столбцов должна занимать ячейка в таблице. Вот пример, иллюстрирующий их использование:

<table>
  <tr>
    <td rowspan="2">Cell 1</td>
    <td>Cell 2</td>
    <td>Cell 3</td>
  </tr>
  <tr>
    <td colspan="2">Cell 4</td>
  </tr>
</table>

В этом примере первая ячейка «Ячейка 1» имеет диапазон строк, равный 2, что означает, что она охватывает две строки. Вторая ячейка «Ячейка 2» и третья ячейка «Ячейка 3» находятся в той же строке, что и «Ячейка 1», но занимают отдельные столбцы. Четвертая ячейка «Ячейка 4» имеет столбец 2, что означает, что она охватывает два столбца.

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