Víte, co mám nejradši? Seznamy.
Už jste někdy vytvářeli nákupní seznam?
Viděli jste někdy na webu seznam jako,
"10 nejvtipnějších psích výrazů"?
Vsadím se, že jo, protože náš svět je plný seznamů.
V HTML je několik tagů pro tvorbu seznamů,
teď je procvičíme a vytvoříme
seznam důvodů, proč jsou králíci skvělí domácí mazlíčci.
Teď si vytvoříme odrážkový seznam,
začneme tagem .
Co vlastně znamená ?
Mohli byste uhodnout, že "l" znamená list (seznam).
"u" je trochu těžší, značí unordered (neseřazený),
a znamená to, že prohlížeč nebude položky seznamu číslovat.
Místo čísel budou tečky jako odrážky.
Abychom si to předvedli, vytvořte teď první položku,
"Jsou chlupatí".
Vidíte tu tečku na začátku?
To je odrážka.
Schválně, co znamená ?
"l" je list (seznam), a "i" je item (položka).
Pokaždé, když chceme přidat novou položku seznamu,
musíme přidat tag dovnitř tagu .
Každé by mělo mít pod sebou alespoň jedno ,
protože seznam bez položek je docela na nic.
OK, přidejte ještě další položky,
"Skvěle naslouchají" a
"Sežerou všechny nespotřebované mrkve".
Dobrá, to by měl být docela přesvědčivý seznam.
Každý, kdo si ho přečte, určitě bude chtít králíka.
Seznam jsme nečíslovali,
protože ani jeden z důvodů
není důležitější než ostatní,
ale je hodně případů, kdy seznam číslovat chceme.
Například, pokud chceme vytvořit
seznam "Tři nejznámější králíci".
Číslovaný seznam vytvoříme tak,
že použijeme místo .
Tušíte, co znamená?
Tady je nápověda, stačí oddělit
dvě písmena od toho, co znamenalo .
Je to "ordered list" (číslovaný seznam).
Díky tomuto tagu prohlížeč
očísluje každou novou položku.
Pro přidávání nových položek používáme opět ,
zase uvnitř tagu .
Teď do seznamu vložíme "Bugs Bunny",
dál "Thumper",
a samozřejmě nemůžeme zapomenout, "Velikonoční zajíček".
Na číslovaných seznamech je hezké,
že se prohlížeč o číslování postará sám.
Když přehodíme položky, smažeme nebo přidáme další,
vždy bude číslování správné.
Když mi například všichni řeknete,
že nevíte kdo je "Thumper".
Nejprve vám všem řeknu,
že byste se opravdu měli podívat na film "Bambi".
Pak ale se skřípáním zubů přesunu
Thumpera dolů na konec seznamu.
A teď je chudák "Thumper" až třetí.
Teď už známe vše potřebné pro tvorbu seznamů.
Seznamům zdar!