HTML Таблица Colspan & Rowspan
HTML таблицы могут иметь ячейки, которые охватывают несколько строк и/или столбцов.
| NAME | ||
|---|---|---|
| APRIL | ||
|---|---|---|
| 2022 | ||
|---|---|---|
| FIESTA | ||
HTML Таблица - Colspan
Чтобы создать ячейку, охватывающую несколько столбцов, используйте атрибут colspan:
Пример
<table>
<tr>
<th colspan="2">Имя</th>
<th>Возраст</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>43</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>57</td>
</tr>
</table>
Попробуйте сами »
Примечание: Значение атрибута colspan представляет количество столбцов, которые необходимо охватить.
HTML Таблица - Rowspan
Чтобы ячейка охватила несколько строк, используйте атрибут rowspan:
Пример
<table>
<tr>
<th>Name</th>
<td>Jill</td>
</tr>
<tr>
<th rowspan="2">Phone</th>
<td>555-1234</td>
</tr>
<tr>
<td>555-8745</td>
</tr>
</table>
Попробуйте сами »
Примечание: Значение атрибута rowspan представляет количество строк для охвата.
