0:00:00.192,0:00:02.681
Odkazy jsou skvělý způsob,

0:00:02.681,0:00:04.765
jak propojit jednu webovou[br]stránku s druhou.

0:00:04.765,0:00:07.236
Ale mohou i propojovat[br]jednu část stránky

0:00:07.236,0:00:09.367
s jinou částí té samé stránky.

0:00:09.367,0:00:13.825
To se hodí například když chceme vytvořit[br]obsah u velmi dlouhých stránek.

0:00:13.825,0:00:16.884
Teď jsem přidala[br]pár informací i na tuto stránku,

0:00:16.884,0:00:21.821
abych vám mohla předat trochu[br]historie o webu a historii verzí HTML.

0:00:21.848,0:00:26.046
Už toho tady mám docela hodně,[br]takže by se mi hodil obsah stránky.

0:00:26.046,0:00:27.840
Tady nahoře už jsem začala.

0:00:27.840,0:00:32.831
je to prostě nečíslovaný seznam položek[br]obsahující nadpis každé sekce.

0:00:32.831,0:00:35.226
A chtěla jsem prolinkovat [br]odkazy s nadpisy sekcí,

0:00:35.226,0:00:38.564
abyste na ně mohli kliknout[br]a přesunout se do dané části stránky.

0:00:38.564,0:00:41.701
Abych to udělala, tak znovu použiji[br]tag

0:00:41.701,0:00:45.112
a začnu tím,[br]že uzavřu tenhle nadpis

0:00:45.112,0:00:48.564
do tagu ''.

0:00:48.564,0:00:54.624
A kam by měl atribut 'href' odkazovat?

0:00:54.624,0:00:57.808
No nějak musíme říct prohlížeči,

0:00:57.808,0:00:59.929
kam má na stránce skočit.

0:00:59.934,0:01:03.313
Musíme nějak unikátně určit část stránky.

0:01:03.313,0:01:06.337
Jestliže už jste se učili CSS selektory,

0:01:06.337,0:01:09.108
tak už vlastně víte,[br]jak se to dá udělat.

0:01:09.108,0:01:13.766
Můžeme toho docílit tak,[br]že přidáme tagu atribut 'id'.

0:01:13.766,0:01:18.657
Pojďme sjet dolů[br]a najít tam nadpis.

0:01:18.657,0:01:22.791
A k tomuto nadpisu přidáme atribut 'id'.

0:01:22.791,0:01:25.366
Takže najedu kurzorem do '',

0:01:25.366,0:01:27.429
napíšu id rovná se

0:01:27.429,0:01:30.082
a vymyslím dobrý, unikátní identifikátor,

0:01:30.082,0:01:32.956
například "web-history".

0:01:32.956,0:01:35.776
Dobře, pojďme zpět k odkazu.

0:01:35.776,0:01:39.556
Teď řekneme prohlížeči,[br]aby šel na tenhle interní odkaz,

0:01:39.556,0:01:41.797
musíme začít křížkem

0:01:41.797,0:01:45.940
a napsat stejné id,[br]které jsme napsali níže.

0:01:46.150,0:01:51.355
Tak a teď si zastavte tenhle návod[br]a zkuste kliknout na odkaz.

0:01:51.355,0:01:56.387
Jen běžte, já počkám.[br]Klik-klik!

0:01:56.387,0:01:59.575
Viděli jste, jak to sjelo dolů[br]do této sekce?

0:01:59.575,0:02:01.208
Fungovalo to!

0:02:01.208,0:02:02.877
A můžeme přidat ještě víc odkazů

0:02:02.877,0:02:05.555
tím, že přidáme id atribut[br]na každé záhlaví.

0:02:05.555,0:02:07.705
a uděláme tagy '',[br]které na ně odkazují.

0:02:07.711,0:02:09.498
Ale to si zkuste sami.

0:02:09.498,0:02:12.153
Hlavně si zapamatujte,[br]že ID musejí být unikátní,

0:02:12.153,0:02:15.372
protože jinak prohlížeč[br]nebude vědět, kam má skočit.

0:02:15.372,0:02:17.831
Takže je udělejte hezké a popisné.