Объединение столбцов
Иногда ячейка должна занимать несколько столбцов. Например, в расписании школьная экскурсия может длиться два дня подряд, и её ячейка должна растянуться на столбцы понедельника и вторника.
Для этого служит атрибут colspan (от column span, «охват столбцов»). Его значение — число столбцов, которые занимает ячейка:
<table>
<tr>
<th>Понедельник</th>
<th>Вторник</th>
</tr>
<tr>
<td colspan="2">Школьная экскурсия</td>
</tr>
</table>Код выше отображается так:
| Понедельник | Вторник |
|---|---|
| Школьная экскурсия | |
Обратите внимание, что во второй строке всего одна ячейка: ячейка с colspan="2" занимает место двух ячеек.
В нашу таблицу мы добавили второй день измерений. Теперь добавим таблице строку-название с местом и месяцем измерений, растянутую на оба столбца.
Задание
- 1
Над строкой с заголовками добавьте новую первую строку (
tr) с одной ячейкой-заголовком (th) с содержимымМосква, август 2023. Запустите код: новая ячейка занимает только первый столбец. - 2
Добавьте этой ячейке атрибут
colspanсо значением2, чтобы она занимала оба столбца.