Как использовать rowspan в HTML для объединения ячеек в таблицах

Rowspan - это атрибут HTML языка, которым управляется объединение ячеек таблиц. С помощью rowspan можно объединять несколько ячеек таблицы в одну, чтобы создать единую ячейку, которая занимает более одного ряда таблицы.

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

В этом примере мы используем rowspan для объединения двух рядов ячеек «PlayStation 4» в одну ячейку. Таким образом, мы создаем единую ячейку для двух разных версий консоли, которые расположены на разных рядах таблицы.

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

Вот пример использования colspan для объединения трех столбцов в один:

...

В этом примере мы используем атрибут colspan для объединения трех столбцов таблицы в один, чтобы создать заголовок «Список товаров», который будет располагаться над всей таблицей.