Диапазон столбцов и строк (Colspan & Rowspan) HTML
Меню
Справочник

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

table html colspan and rowspan

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


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

Имя  
     
     
     
     

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

Май    
   
   
     
     

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

2023
     
Праздник  
 
     

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>
Имя и Фамилия Возраст
Джим Морри 43
Ива Рокки 57
Примечание: значение атрибута colspan представляет количество столбцов, которые нужно охватить.

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>
Имя Джек
Телефон +0 (555)-1234
+0 (555)-6789
Примечание: значение атрибута rowspan представляет собой количество строк для охвата.

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

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

Поделиться ссылкой