[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.19,0:00:02.68,Default,,0000,0000,0000,,Odkazy jsou skvělý způsob,
Dialogue: 0,0:00:02.68,0:00:04.76,Default,,0000,0000,0000,,jak propojit jednu webovou\Nstránku s druhou.
Dialogue: 0,0:00:04.76,0:00:07.24,Default,,0000,0000,0000,,Ale mohou i propojovat\Njednu část stránky
Dialogue: 0,0:00:07.24,0:00:09.37,Default,,0000,0000,0000,,s jinou částí té samé stránky.
Dialogue: 0,0:00:09.37,0:00:13.82,Default,,0000,0000,0000,,To se hodí například když chceme vytvořit\Nobsah u velmi dlouhých stránek.
Dialogue: 0,0:00:13.82,0:00:16.88,Default,,0000,0000,0000,,Teď jsem přidala\Npár informací i na tuto stránku,
Dialogue: 0,0:00:16.88,0:00:21.82,Default,,0000,0000,0000,,abych vám mohla předat trochu\Nhistorie o webu a historii verzí HTML.
Dialogue: 0,0:00:21.85,0:00:26.05,Default,,0000,0000,0000,,Už toho tady mám docela hodně,\Ntakže by se mi hodil obsah stránky.
Dialogue: 0,0:00:26.05,0:00:27.84,Default,,0000,0000,0000,,Tady nahoře už jsem začala.
Dialogue: 0,0:00:27.84,0:00:32.83,Default,,0000,0000,0000,,je to prostě nečíslovaný seznam položek\Nobsahující nadpis každé sekce.
Dialogue: 0,0:00:32.83,0:00:35.23,Default,,0000,0000,0000,,A chtěla jsem prolinkovat \Nodkazy s nadpisy sekcí,
Dialogue: 0,0:00:35.23,0:00:38.56,Default,,0000,0000,0000,,abyste na ně mohli kliknout\Na přesunout se do dané části stránky.
Dialogue: 0,0:00:38.56,0:00:41.70,Default,,0000,0000,0000,,Abych to udělala, tak znovu použiji\Ntag 
Dialogue: 0,0:00:41.70,0:00:45.11,Default,,0000,0000,0000,,a začnu tím,\Nže uzavřu tenhle nadpis
Dialogue: 0,0:00:45.11,0:00:48.56,Default,,0000,0000,0000,,do tagu ''.
Dialogue: 0,0:00:48.56,0:00:54.62,Default,,0000,0000,0000,,A kam by měl atribut 'href' odkazovat?
Dialogue: 0,0:00:54.62,0:00:57.81,Default,,0000,0000,0000,,No nějak musíme říct prohlížeči,
Dialogue: 0,0:00:57.81,0:00:59.93,Default,,0000,0000,0000,,kam má na stránce skočit.
Dialogue: 0,0:00:59.93,0:01:03.31,Default,,0000,0000,0000,,Musíme nějak unikátně určit část stránky.
Dialogue: 0,0:01:03.31,0:01:06.34,Default,,0000,0000,0000,,Jestliže už jste se učili CSS selektory,
Dialogue: 0,0:01:06.34,0:01:09.11,Default,,0000,0000,0000,,tak už vlastně víte,\Njak se to dá udělat.
Dialogue: 0,0:01:09.11,0:01:13.77,Default,,0000,0000,0000,,Můžeme toho docílit tak,\Nže přidáme tagu atribut 'id'.
Dialogue: 0,0:01:13.77,0:01:18.66,Default,,0000,0000,0000,,Pojďme sjet dolů\Na najít tam nadpis.
Dialogue: 0,0:01:18.66,0:01:22.79,Default,,0000,0000,0000,,A k tomuto nadpisu přidáme atribut 'id'.
Dialogue: 0,0:01:22.79,0:01:25.37,Default,,0000,0000,0000,,Takže najedu kurzorem do '',
Dialogue: 0,0:01:25.37,0:01:27.43,Default,,0000,0000,0000,,napíšu id rovná se
Dialogue: 0,0:01:27.43,0:01:30.08,Default,,0000,0000,0000,,a vymyslím dobrý, unikátní identifikátor,
Dialogue: 0,0:01:30.08,0:01:32.96,Default,,0000,0000,0000,,například "web-history".
Dialogue: 0,0:01:32.96,0:01:35.78,Default,,0000,0000,0000,,Dobře, pojďme zpět k odkazu.
Dialogue: 0,0:01:35.78,0:01:39.56,Default,,0000,0000,0000,,Teď řekneme prohlížeči,\Naby šel na tenhle interní odkaz,
Dialogue: 0,0:01:39.56,0:01:41.80,Default,,0000,0000,0000,,musíme začít křížkem
Dialogue: 0,0:01:41.80,0:01:45.94,Default,,0000,0000,0000,,a napsat stejné id,\Nkteré jsme napsali níže.
Dialogue: 0,0:01:46.15,0:01:51.36,Default,,0000,0000,0000,,Tak a teď si zastavte tenhle návod\Na zkuste kliknout na odkaz.
Dialogue: 0,0:01:51.36,0:01:56.39,Default,,0000,0000,0000,,Jen běžte, já počkám.\NKlik-klik!
Dialogue: 0,0:01:56.39,0:01:59.58,Default,,0000,0000,0000,,Viděli jste, jak to sjelo dolů\Ndo této sekce?
Dialogue: 0,0:01:59.58,0:02:01.21,Default,,0000,0000,0000,,Fungovalo to!
Dialogue: 0,0:02:01.21,0:02:02.88,Default,,0000,0000,0000,,A můžeme přidat ještě víc odkazů
Dialogue: 0,0:02:02.88,0:02:05.56,Default,,0000,0000,0000,,tím, že přidáme id atribut\Nna každé záhlaví.
Dialogue: 0,0:02:05.56,0:02:07.70,Default,,0000,0000,0000,,a uděláme tagy '',\Nkteré na ně odkazují.
Dialogue: 0,0:02:07.71,0:02:09.50,Default,,0000,0000,0000,,Ale to si zkuste sami.
Dialogue: 0,0:02:09.50,0:02:12.15,Default,,0000,0000,0000,,Hlavně si zapamatujte,\Nže ID musejí být unikátní,
Dialogue: 0,0:02:12.15,0:02:15.37,Default,,0000,0000,0000,,protože jinak prohlížeč\Nnebude vědět, kam má skočit.
Dialogue: 0,0:02:15.37,0:02:17.83,Default,,0000,0000,0000,,Takže je udělejte hezké a popisné.