Объединить две ячейки таблицы HTML

Question

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

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

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

Answer 1

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

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

Answer 2

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

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

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

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

Answer 3

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

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