HTML Таблицы диапазон столбцов и строк
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
представляет количество строк, которые необходимо охватить.