HTML таблицы могут содержать ячейки, охватывающие несколько строк и/или столбцов.
| NAME | ||
|---|---|---|
| APRIL | ||
|---|---|---|
| 2022 | ||
|---|---|---|
| FIESTA | ||
Диапазон столбцов
Чтобы сделать ячейку охватывающей несколько столбцов, используйте атрибут 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>
Попробуйте сами »
Примечание: Значение атрибута colspan представляет количество столбцов, которые необходимо охватить.
Диапазон строк
Чтобы сделать ячейку охватывающей несколько строк, используйте атрибут rowspan:
<table>
<tr>
<th>Имя</th>
<td>Андрей</td>
</tr>
<tr>
<th rowspan="2">Телефон</th>
<td>8-908-25-29-608</td>
</tr>
<tr>
<td>8-908-25-29-608</td>
</tr>
</table>
Попробуйте сами »
Примечание: Значение атрибута rowspan представляет количество строк, которые необходимо охватить.