Слияние двух ячеек таблицы HTML

Я создаю таблицу в HTML, и я бы хотел, чтобы моя верхняя ячейка была шириной в два. Вот пример:

__________________________________________
|                HEADER                  |
|                                        |
==========================================
|                  ||                    |
|     CONTENT      ||       CONTENT      |
|                  ||                    |
------------------------------------------

Есть ли способ сделать это в HTML?

Ответ 1

Установите для атрибута colspan значение 2.

... но не используйте таблицы для макета.

Ответ 2

Добавьте в верхнюю ячейку (<td>) атрибут colspan (аббревиатура для "диапазона столбцов" ) и установите его значение 2. Ваша таблица должна выглядеть следующим образом:

<table>
    <tr>
        <td colspan = "2">
            <!-- Merged Columns -->
        </td>
    </tr>

    <tr>
        <td>
            <!-- Column 1 -->
        </td>

        <td>
            <!-- Column 2 -->
        </td>
    </tr>
</table>

Ответ 3

используйте colspan для этого

 <td colspan="3">PUR mix up column</td>