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

Вот несколько способов использования colspan в HTML:

1. Объединение в один столбец. Вы можете использовать атрибут «colspan» со значением 2 или более для объединения соседних ячеек в одну строку. Например:

<tr>
  <th colspan="2">Header Cell</th>
</tr>

Это создаст ячейку заголовка, охватывающую два столбца.

2. Объединение нескольких строк. Вы также можете использовать «colspan» для объединения ячеек в нескольких строках. Например:

<tr>
  <th rowspan="2">Header Cell 1</th>
  <th>Header Cell 2</th>
</tr>
<tr>
  <th>Header Cell 3</th>
</tr>

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

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