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