-
Odkazy jsou skvělý způsob,
-
jak propojit jednu webovou
stránku s druhou.
-
Ale mohou i propojovat
jednu část stránky
-
s jinou částí té samé stránky.
-
To se hodí například když chceme vytvořit
obsah u velmi dlouhých stránek.
-
Teď jsem přidala
pár informací i na tuto stránku,
-
abych vám mohla předat trochu
historie o webu a historii verzí HTML.
-
Už toho tady mám docela hodně,
takže by se mi hodil obsah stránky.
-
Tady nahoře už jsem začala.
-
je to prostě nečíslovaný seznam položek
obsahující nadpis každé sekce.
-
A chtěla jsem prolinkovat
odkazy s nadpisy sekcí,
-
abyste na ně mohli kliknout
a přesunout se do dané části stránky.
-
Abych to udělala, tak znovu použiji
tag
-
a začnu tím,
že uzavřu tenhle nadpis
-
do tagu ''.
-
A kam by měl atribut 'href' odkazovat?
-
No nějak musíme říct prohlížeči,
-
kam má na stránce skočit.
-
Musíme nějak unikátně určit část stránky.
-
Jestliže už jste se učili CSS selektory,
-
tak už vlastně víte,
jak se to dá udělat.
-
Můžeme toho docílit tak,
že přidáme tagu atribut 'id'.
-
Pojďme sjet dolů
a najít tam nadpis.
-
A k tomuto nadpisu přidáme atribut 'id'.
-
Takže najedu kurzorem do '',
-
napíšu id rovná se
-
a vymyslím dobrý, unikátní identifikátor,
-
například "web-history".
-
Dobře, pojďme zpět k odkazu.
-
Teď řekneme prohlížeči,
aby šel na tenhle interní odkaz,
-
musíme začít křížkem
-
a napsat stejné id,
které jsme napsali níže.
-
Tak a teď si zastavte tenhle návod
a zkuste kliknout na odkaz.
-
Jen běžte, já počkám.
Klik-klik!
-
Viděli jste, jak to sjelo dolů
do této sekce?
-
Fungovalo to!
-
A můžeme přidat ještě víc odkazů
-
tím, že přidáme id atribut
na každé záhlaví.
-
a uděláme tagy '',
které na ně odkazují.
-
Ale to si zkuste sami.
-
Hlavně si zapamatujte,
že ID musejí být unikátní,
-
protože jinak prohlížeč
nebude vědět, kam má skočit.
-
Takže je udělejte hezké a popisné.
