0:00:00.271,0:00:02.800
Celou dobu jsme mluvili o králících.

0:00:02.800,0:00:05.575
Popisovali jsme je odstavci a seznamy,

0:00:05.575,0:00:09.228
a přitom by stačilo dát [br]na naší stránku obrázek

0:00:09.228,0:00:11.801
a ukázat, jak králík vypadá.

0:00:11.801,0:00:16.149
Abychom vložili do stránky obrázek,[br]používáme tag ,

0:00:16.149,0:00:19.466
což je podle anglického image (obrázek).

0:00:19.466,0:00:22.700
Pokud ale napíšeme jen[br], nic neuvidíme.

0:00:22.700,0:00:23.966
Proč?

0:00:23.966,0:00:27.511
Neřekli jsme prohlížeči,[br]jaký nám má ukázat obrázek.

0:00:27.511,0:00:29.284
Na internetu jsou miliony obrázků

0:00:29.284,0:00:31.469
a určitě nechceme vybrat nějaký náhodný,

0:00:31.469,0:00:33.930
protože by to mohlo být něco,[br]co se nám nebude líbit,

0:00:34.699,0:00:37.766
a nebo by to mohl být obrázek[br]něčeho jiného, než chceme.

0:00:37.766,0:00:40.925
Musíme tam napsat URL našeho obrázku.

0:00:40.939,0:00:43.073
URL je to, co se zobrazuje nahoře

0:00:43.073,0:00:44.770
v prohlížeči v adresním řádku,

0:00:44.770,0:00:46.874
URL je totiž adresa.

0:00:46.874,0:00:50.085
Pomocí ní můžeme najít[br]na webu cokoliv,

0:00:50.085,0:00:52.413
a znamená to, že můžeme[br]vložit pouze obrázek,

0:00:52.413,0:00:54.552
který již někde na internetu je.

0:00:54.552,0:00:57.602
Nemůžeme jen tak vkládat obrázky,[br]které jsou u nás na počítači.

0:00:58.233,0:01:00.772
Existuje mnoho způsobů jak najít[br]obrázky na internetu,

0:01:00.772,0:01:03.137
ale teď Vám to zjednoduším

0:01:03.137,0:01:06.037
pomocí kolekce, ze které [br]si obrázky můžete vybrat.

0:01:06.246,0:01:07.967
Aby se kolekce zobrazila,

0:01:07.967,0:01:10.735
musíme našemu tagu přidat atribut.

0:01:10.735,0:01:14.250
Atributy obsahují další informace o tagu

0:01:14.250,0:01:16.837
a toto je první atribut,[br]se kterým se setkáváme.

0:01:18.204,0:01:19.714
Abychom prohlížeči řekli URL,

0:01:19.714,0:01:22.544
přidáme atribute "source" (zdroj).

0:01:22.544,0:01:26.286
Přidáme mezeru, za ní napíšeme "src".

0:01:26.697,0:01:30.866
"src" znamená "source" (zdroj),[br]ale je velmi důležité,

0:01:30.866,0:01:32.733
abyste napsali přesně "src",

0:01:32.733,0:01:35.333
protože prohlížeč by to jinak nepochopil.

0:01:35.733,0:01:38.700
Nyní přidáme rovnítko,[br]abychom prohlížeči řekli,

0:01:38.700,0:01:41.400
jakou hodnotu tento atribut má.

0:01:41.400,0:01:46.785
A teď přidám uvozovky [br]a editor je automaticky dokončí,

0:01:46.785,0:01:50.830
aby hodnota byla celá v uvozovkách.

0:01:52.000,0:01:55.819
Obvykle bychom zde začali psát URL

0:01:55.819,0:01:57.298
ale tady na Khan Academy

0:01:57.298,0:01:59.925
teď vyskočí kolekce obrázků.

0:01:59.925,0:02:04.095
Pouze si vybereme obrázek,[br]a já chci obrázek králíka,

0:02:04.095,0:02:05.727
takže jdu do sekce zvířata,

0:02:05.727,0:02:09.281
vyberu nějakého roztomilého králíka[br]a kliknu na OK.

0:02:10.521,0:02:12.887
Vidíte, že se v uvozovkách zobrazila URL,

0:02:12.887,0:02:15.799
která začíná http?

0:02:16.320,0:02:17.349
Díky tomu víme,

0:02:17.349,0:02:19.620
že ukazuje na nějaký obrázek na internetu.

0:02:19.620,0:02:22.186
A teď už máme na stránce[br]králíčka!

0:02:23.319,0:02:26.208
Ale. Co kdyby se rozbil server,[br]kde je ten obrázek uložený

0:02:26.208,0:02:27.698
a prohlížeč by obrázek nenašel?

0:02:27.698,0:02:30.823
Jak by se návštěvníci dozvěděli,[br]co bylo na mém skvělém obrázku?

0:02:30.823,0:02:32.892
Nic neuvidí a do konce života

0:02:32.892,0:02:35.091
budou přemýšlet, co tu asi mohlo být.

0:02:36.321,0:02:39.425
Proto mají obrázky další atribut, "alt",

0:02:39.425,0:02:41.267
kterým prohlížeči řekneme,

0:02:41.267,0:02:43.686
jaký je k obrázku alternativní text.

0:02:43.686,0:02:46.532
Přidáme ho tak, že za poslední uvozovky

0:02:46.532,0:02:49.140
napíšeme mezeru

0:02:49.140,0:02:53.306
a za ní alt="".

0:02:54.512,0:02:57.113
Do uvozovek pak napíšeme text,

0:02:57.113,0:02:59.743
kterým popíšeme, co bylo na obrázku,

0:02:59.743,0:03:03.783
například "králík s plandavýma[br]ušima ve stodole".

0:03:04.783,0:03:09.697
To také pomůže lidem, kteří [br]na stránku přijdou, ale nevidí - nevidomým.

0:03:09.697,0:03:11.668
Mohou použít aplikaci na čtení,

0:03:11.668,0:03:13.885
která jim webovou stránku přečte,

0:03:13.885,0:03:15.876
a popíše každý tag, který uvidí.

0:03:15.876,0:03:18.758
Když uvidí tag pro obrázek,[br]přečte tento alternativní text,

0:03:18.758,0:03:21.151
protože nevidomí lidé obrázky nevidí.

0:03:22.292,0:03:24.686
Proto byste nikdy neměli [br]na alt zapomenout,

0:03:24.686,0:03:27.924
aby Vaši stránku mohl používat celý svět.

0:03:28.908,0:03:31.077
Ale zpět k obrázku, který tu máme.

0:03:31.077,0:03:32.854
Je trochu velký.

0:03:32.854,0:03:34.245
Změníme jeho velikost.

0:03:34.245,0:03:36.376
Můžeme to udělat pomocí atributů

0:03:36.376,0:03:38.437
width (šířka) nebo height (výška).

0:03:38.827,0:03:42.757
Řekněme, že šířka je 100 (width="100").

0:03:43.397,0:03:46.850
Nyní bude obrázek široký 100 pixelů.

0:03:47.411,0:03:49.085
Teď je zase moc malý.

0:03:49.085,0:03:51.801
Posuneme kurzor na číslo velikosti

0:03:51.801,0:03:53.396
a scrolováním obrázek zvětšíme.

0:03:54.817,0:03:56.536
No, to vypadá mnohem lépe.

0:03:56.536,0:03:58.357
Zkusme přidat výšku.

0:03:58.357,0:04:01.010
Řekněme 50. (height="50").

0:04:01.010,0:04:02.788
Hups!

0:04:02.788,0:04:05.515
Rozplácla jsem svého králíčka,[br]chudák!

0:04:05.515,0:04:07.438
Vidíte, proto je lepší vždy

0:04:07.438,0:04:10.768
uvést pouze šířku nebo výšku[br]ale ne obojí najednou,

0:04:10.768,0:04:13.127
protože můžete zadat špatný poměr stran

0:04:13.127,0:04:14.464
a rozplácnout své králíčky.

0:04:14.464,0:04:18.433
Takže radši nechme prohlížeč

0:04:18.433,0:04:20.300
dopočítat správný poměr stran.

0:04:20.300,0:04:21.910
Raději smažu výšku.

0:04:23.138,0:04:25.124
Teď, když umíte přidávat obrázky,

0:04:25.124,0:04:28.505
můžete přemýšlet, jak využít všechny[br]tagy, které znáte,

0:04:28.505,0:04:33.487
seznamy, obrázky, odstavce[br]o 10 nejbláznivějších zvířatech.

0:04:33.487,0:04:36.032
Ale nedávejte na vaší stránku[br]příliš mnoho obrázků,

0:04:36.032,0:04:38.171
protože každý návštěvník

0:04:38.171,0:04:40.335
je bude muset všechny načíst.

0:04:40.335,0:04:44.166
Ale i tak si s tím[br]užijete spoustu zábavy.