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!