Диапазон столбцов и диапазон строк (Colspan & Rowspan) HTML

Таблицы HTML могут иметь ячейки, которые охватывают несколько строк или столбцов.

Эта таблица содержит colspan атрибут:

Эта таблица содержит rowspan атрибут:

Эта таблица содержит colspan и rowspan атрибуты:

HTML таблица — Диапазон столбцов (Colspan)

Чтобы создать диапазон ячеек для нескольких столбцов, используйте атрибут colspan:

<table>
  <tr>
    <th colspan="2">Имя и Фамилия</th>
    <th>Возраст</th>
  </tr>
  <tr>
   <td>Джим</td>
   <td>Морри</td>
   <td>43</td>
  </tr>
  <tr>
   <td>Ива</td>
   <td>Рокки</td>
  <td>57</td>
  </tr>
</table>

HTML таблица — Диапазон строк (Rowspan)

Чтобы сделать ячейку, охватывающую несколько строк, используйте атрибут rowspan:

<table>
  <tr>
    <th>Имя</th>
    <td>Джек</td>
  </tr>
  <tr>
    <th rowspan="2">Телефон</th>
    <td>+0 (555)-1234</td>
  </tr>
  <tr>
    <td>+0 (555)-6789</td>
  </tr>
</table>

☛ Стилизация таблиц HTML

Отступы и интервалы HTML ☚