0:00:00.000,0:00:02.843
Už jsme se naučili hromadu HTML tagů.

0:00:03.000,0:00:04.800
Ale víte vlastně, co to HTML znamená?

0:00:04.850,0:00:09.091
HTML je zkratka pro hypertextový[br]značkovací jazyk.

0:00:09.110,0:00:14.177
Značkovací jazyk používá značky,[br]neboli tagy, k označení obsahu.

0:00:14.181,0:00:16.860
Ale co je to vlastně hypertext?

0:00:16.869,0:00:21.174
Je to fráze, která byla vynalezena[br]ještě před existencí Internetu, v šedesátých letech.

0:00:21.174,0:00:23.823
Byl to text, který byl spojen[br]s jiným textem,

0:00:23.823,0:00:26.263
na který se čtenář mohl ihned přesunout.

0:00:26.273,0:00:29.720
Tim Berners-Lee vynalezl HTML,

0:00:29.720,0:00:32.756
a ostatní součásti Internetu, [br]například HTTP,

0:00:32.787,0:00:34.912
jako způsob spojování[br]textu s jiným textem

0:00:34.912,0:00:36.722
kdekoliv na světě.

0:00:36.751,0:00:39.191
Jak spojujeme webové stránky s ostatními

0:00:39.191,0:00:41.280
v hypertextovém značkovacím jazyce?

0:00:41.282,0:00:43.451
Pomocí hyperlinku, samozřejmě!

0:00:43.451,0:00:46.280
Česky mu říkáme prostě odkaz.

0:00:46.280,0:00:48.599
Jak se tvoří odkaz v HTML?

0:00:48.636,0:00:50.304
Tady nastává problém.

0:00:50.304,0:00:52.770
Mysleli byste si, že použijete značku[br]'link' …

0:00:52.770,0:00:57.633
Ta je ale ve skutečnosti použita pro [br]jiné typy odkazů v HTML.

0:00:57.633,0:01:01.612
Místo toho používáme tag '',[br]kde 'a' znamená "anchor",

0:01:01.612,0:01:03.172
což je anglicky kotva.

0:01:03.172,0:01:06.453
To zakotví odkaz na stránce v dané oblasti

0:01:06.453,0:01:09.420
a propojí kotvu s jinou stránkou.

0:01:09.443,0:01:11.989
Víme, že pro vytvoření odkazu[br]musíme napsat tag,

0:01:11.989,0:01:14.621
ale musíme se také rozhodnout,[br]jaký bude text odkazu

0:01:14.621,0:01:17.219
a jaká bude adresa odkazu.

0:01:17.233,0:01:24.068
Pojďme udělat odkaz na stránku s dalšími [br]informacemi o vzniku Internetu.

0:01:24.068,0:01:29.506
Text odkazu napíšeme mezi[br]otevíracím a uzavíracím tagem .

0:01:29.599,0:01:31.900
Takže tam nechám kurzor a napíšu,

0:01:31.900,0:01:36.610
"Přečtěte si více o historii HTML".

0:01:36.610,0:01:41.017
Nyní vidíme, že tento text[br]vypadá jako odkaz,

0:01:41.061,0:01:44.317
ale zatím nikam nepřesměruje.[br]Musíme přidat adresu.

0:01:44.347,0:01:47.480
Nechceme ovšem adresu odkazu[br]zobrazit na stránce,

0:01:47.480,0:01:49.937
pouze potřebujeme, aby prohlížeč věděl,[br]co s tím.

0:01:49.990,0:01:53.040
Takže to dáme do atributu tagu .

0:01:53.088,0:01:56.942
Konkrétně atributu "href".[br](pozn. číst jako há-ref)

0:01:56.985,0:01:59.749
Co samotné "href" znamená?

0:01:59.769,0:02:03.264
Dám vám nápovědu:[br]Už jste to "h" viděli hodně.

0:02:03.283,0:02:06.124
Znamená to "hyper"! Hyper-reference.

0:02:06.124,0:02:11.966
Nyní vložím dovnitř atributu adresu,[br]které se také říká URL.

0:02:12.036,0:02:15.940
Všimli jste si, že URL začíná protokolem[br]"http:"?

0:02:16.051,0:02:19.044
A hádejte co to "h" znamená?[br]Hyper!

0:02:19.084,0:02:21.483
Celé HTML je o hyper.

0:02:21.553,0:02:25.664
URL adresa specifikuje vše, co prohlížeč[br]potřebuje k nalezení webové stránky:

0:02:25.724,0:02:27.965
Protokol, který je použit,

0:02:28.035,0:02:30.357
na jaké je doméně,

0:02:30.457,0:02:34.265
a cesta ke stránce, která je[br]na nějakém serveru.

0:02:34.294,0:02:38.579
Jelikož to specifikuje vše,[br]nazýváme to "absolutní URL".

0:02:38.622,0:02:43.499
Na některých stránkách můžete vidět URL[br]adresy, které začínají lomítkem a cestou.

0:02:43.562,0:02:46.179
To řekne prohlížeči, aby zůstal[br]na stejné doméně,

0:02:46.179,0:02:48.634
a pouze v této doméně[br]našel jinou cestu.

0:02:48.645,0:02:50.631
Tomu říkáme "relativní URL".

0:02:50.682,0:02:54.054
Používáme je po celé Khan academy,[br]když odkazujeme mezi obsahem.

0:02:54.136,0:02:57.623
Na vašich stránkách se raději[br]držte absolutních URL,

0:02:57.623,0:02:59.288
tím nic nezkazíte.

0:02:59.321,0:03:02.146
Můžeme také prohlížeči říci,[br]kde má stránku otevřít:

0:03:02.146,0:03:04.728
do aktuálního okna, nebo do nového.

0:03:04.769,0:03:07.061
Aby otevřel prohlížeč odkaz v novém okně,

0:03:07.061,0:03:10.748
přidáme další atribut, 'target'.

0:03:10.796,0:03:15.258
target="_blank"

0:03:15.288,0:03:19.406
Nyní chci, aby jste stopnuli video a[br]vyzkoušeli kliknout na odkaz.

0:03:19.444,0:03:23.373
Nebojte se a zkuste to, počkám.[br]klik-klik!

0:03:23.393,0:03:24.372
Co se stalo?

0:03:24.482,0:03:28.244
Asi jste viděli varování o odkazu[br]generovaném uživatelskou stránkou.

0:03:28.244,0:03:30.625
A dále když kliknete na "OK",[br]otevře se odkaz.

0:03:30.676,0:03:33.122
S odkazy na stránkách[br]vytvořených na Khan Academy[br]

0:03:33.122,0:03:34.395
zacházíme totiž opatrně.

0:03:34.423,0:03:37.797
Nechceme, aby si lidé mysleli,[br]že je odkazujeme

0:03:37.797,0:03:41.054
na stránky Khan Academy, a pak se dostali[br]na nebezpečné, neznámé stránky.

0:03:41.066,0:03:43.992
Takže každý zde udělaný odkaz [br]má toto varování.

0:03:43.992,0:03:46.163
A každý odkaz vyskočí do nového okna.

0:03:46.300,0:03:50.223
To znamená, že vlastně můžu odstranit[br]tento atribut target,

0:03:50.223,0:03:53.048
jelikož je o něj už postaráno.

0:03:53.088,0:03:54.420
Nebo to tu můžu nechat,

0:03:54.420,0:03:57.764
v případě že bych chtěla jednou [br]přesunout toto HTML z Khan Academy

0:03:57.764,0:04:00.840
a chci, aby se odkaz[br]otevřel v novém okně.

0:04:00.870,0:04:02.723
Kdy byste měli atribut target používat?

0:04:02.783,0:04:06.302
Obecně pokud odkaz směřuje[br]na jinou stránku na stejné doméně,

0:04:06.302,0:04:08.023
měla by se otevřít ve stejném okně.

0:04:08.023,0:04:12.179
A pokud směřujete na stránku jiné domény,[br]je dobré ji otevřít v novém okně.

0:04:12.551,0:04:16.649
Ještě vám chci ukázat jednu věc.

0:04:16.689,0:04:19.053
K odkazování nemusíme používat jen text.

0:04:19.053,0:04:22.077
K vytvoření odkazu můžeme[br]použít třeba i obrázek!

0:04:22.077,0:04:26.815
Zde máme obrázek,[br]na kterém je Tim Berners-Lee.

0:04:26.867,0:04:30.454
Tento kód vyjmu...

0:04:30.464,0:04:34.067
A vložím ho zde dovnitř tohoto odkazu.

0:04:34.094,0:04:36.068
No krása!

0:04:36.068,0:04:38.958
Nyní, pokud přejedu myší tento obrázek,

0:04:38.958,0:04:41.309
uvidím, že můj kurzor se[br]změní na ručičku,

0:04:41.309,0:04:44.379
a kliknutím se dostanu na stránku CERNu.

0:04:44.379,0:04:46.948
Ve skutečnosti můžete udělat[br]odkaz z celé stránky.

0:04:46.948,0:04:49.867
Celá by se podtrhla a vybarvila modře.

0:04:49.867,0:04:56.681
Ale to prosím nedělejte![br]A odkazy vytvářejte s láskou.