Rozpětí sloupců

Někdy potřebujeme, aby buňka zabírala více sloupců. Například v rozvrhu může školní výlet trvat dva celé dny, takže jeho buňka by se měla roztáhnout přes sloupec pro pondělí i pro úterý.

K tomu slouží atribut colspan (z anglického column span, česky rozpětí sloupců). Jeho hodnotou je počet sloupců, přes které se buňka roztáhne:

<table>
	<tr>
		<th>Pondělí</th>
		<th>Úterý</th>
	</tr>
	<tr>
		<td colspan="2">Školní výlet</td>
	</tr>
</table>

Tento kód by se mohl zobrazit takto:

Pondělí	Úterý
Školní výlet

Všimněte si, že druhý řádek má jen jednu buňku: buňka s colspan="2" zabírá místo dvou buněk.

Do naší tabulky jsme přidali druhý den měření. Teď tabulce přidáme nadpis s místem a měsícem měření, který se roztáhne přes oba sloupce.

Pokyny

Nad řádek se záhlavím přidejte nový první řádek (tr) s jednou buňkou záhlaví (th) s obsahem Praha, srpen 2023. Spusťte kód: nová buňka vyplní jen první sloupec.

Přidejte této buňce atribut colspan s hodnotou 2, aby se roztáhla přes oba sloupce.

Začněte programovat zdarma

5/7