Что такое атрибут colspan и как его использовать в HTML-таблицах?

colspan - это атрибут тега (ячейки таблицы), который задает количество объединяемых столбцов внутри одной строки. Этот атрибут позволяет объединять несколько ячеек таблицы в одну ячейку, занимающую ширину нескольких столбцов таблицы.

Например, если мы имеем таблицу с 4 столбцами (или ячейками) и хотим объединить ячейки в 2-й и 3-й столбцах, чтобы создать более крупную ячейку, которая занимает два столбца, мы можем использовать атрибут colspan со значением "2":

  

    
Ячейка 1
    
Объединенные ячейки
    
Ячейка 4
  

В примере выше мы создаем четыре ячейки в таблице, а затем объединяем ячейки во 2-м и 3-м столбцах в одну ячейку, используя атрибут colspan со значением "2". Результат будет выглядеть так:

| Ячейка 1 |  Объединенные ячейки  | Ячейка 4 |

Можно также использовать rowspan - атрибут, который позволяет объединять ячейки не только по горизонтали (внутри строки), но и по вертикали (внутри столбца).

  

    
Ячейка 1
    
Ячейки 2-3
    
Ячейка 4
  
  

    
Ячейка 5
    
Ячейка 6
  

В примере выше мы создаем три строки и три столбца. Затем мы объединяем ячейки во 2-м столбце, используя rowspan со значением "2". Результат будет выглядеть так:

| Ячейка 1 | Ячейки 2-3 | Ячейка 4 |
| Ячейка 5 |            | Ячейка 6 |