Rozpětí řádků

Buňka se může roztáhnout i dolů přes více řádků. Uděláme to stejně jako u rozpětí sloupců, jen místo atributu colspan použijeme atribut rowspan (z anglického row span, česky rozpětí řádků). Jeho hodnotou je počet řádků, přes které se buňka roztáhne.

Například v tomto rozvrhu je v pondělí volno dopoledne i odpoledne:

<table>
	<tr>
		<th></th>
		<th>Pondělí</th>
		<th>Úterý</th>
	</tr>
	<tr>
		<th>Dopoledne</th>
		<td rowspan="2">Volno</td>
		<td>Škola</td>
	</tr>
	<tr>
		<th>Odpoledne</th>
		<td>Trénink fotbalu</td>
	</tr>
</table>

Tento kód by se mohl zobrazit takto:

	Pondělí	Úterý
Dopoledne	Volno	Škola
Odpoledne	Volno	Trénink fotbalu

Buňka s rowspan="2" zabírá pondělní místo i v řádku pod sebou, a proto má řádek Odpoledne jen jednu buňku td: tu pro úterý.

Během našeho měření bylo oba dny slunečno. Přidáme tedy třetí sloupec s počasím, ve kterém bude pro oba dny jedna společná buňka.

Pokyny

Do řádku se záhlavím přidejte třetí buňku záhlaví (th) s obsahem Počasí.

Tabulka má teď tři sloupce, takže horní buňka se musí roztáhnout přes všechny tři: změňte hodnotu jejího atributu colspan na 3.

Do řádku s datem 20.8.2023 přidejte třetí buňku (td) s obsahem Slunečno a atributem rowspan s hodnotou 2, aby zasahovala do obou dnů. Do posledního řádku žádnou buňku nepřidávejte: místo v něm zabírá buňka z řádku nad ním.

Začněte programovat zdarma

6/7