[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.41,0:00:01.84,Default,,0000,0000,0000,,Vítejte na mé webové stránce.
Dialogue: 0,0:00:01.84,0:00:04.06,Default,,0000,0000,0000,,Vím, není zatím příliš zajímavá.
Dialogue: 0,0:00:04.06,0:00:07.48,Default,,0000,0000,0000,,Je úplně prázdná, ale takhle \Nzačíná každá webová stránka,
Dialogue: 0,0:00:07.48,0:00:10.17,Default,,0000,0000,0000,,a já vám ukážu, jak takovou\Nstránku vytvořit rychle.
Dialogue: 0,0:00:10.28,0:00:11.68,Default,,0000,0000,0000,,Nejprve mi dejte chvilku,
Dialogue: 0,0:00:11.68,0:00:14.86,Default,,0000,0000,0000,,abych vám představila základní\Nstrukturu prázdné stránky.
Dialogue: 0,0:00:15.39,0:00:16.94,Default,,0000,0000,0000,,Každá webová stránka začíná s
Dialogue: 0,0:00:16.94,0:00:20.38,Default,,0000,0000,0000,,touto srandovní věcí \Nzvanou DOCTYPE na začátku.
Dialogue: 0,0:00:20.56,0:00:21.96,Default,,0000,0000,0000,,Tou jen říkáme prohlížeči,
Dialogue: 0,0:00:21.96,0:00:24.60,Default,,0000,0000,0000,,že tato webová stránka je\Npsaná v moderním HTML,
Dialogue: 0,0:00:24.60,0:00:27.53,Default,,0000,0000,0000,,a ne v té staré a podivné verzi HTML.
Dialogue: 0,0:00:27.93,0:00:31.03,Default,,0000,0000,0000,,Následuje první tag naší stránky.
Dialogue: 0,0:00:31.03,0:00:34.58,Default,,0000,0000,0000,,HTML je značkovací jazyk,\Ntakže se všechno týká tagů.
Dialogue: 0,0:00:34.64,0:00:36.40,Default,,0000,0000,0000,,Tag je jedna z věcí,
Dialogue: 0,0:00:36.40,0:00:38.31,Default,,0000,0000,0000,,které začínají se špičatou závorkou,
Dialogue: 0,0:00:38.31,0:00:40.68,Default,,0000,0000,0000,,a končí s jinou špičatou závorkou.
Dialogue: 0,0:00:40.74,0:00:42.35,Default,,0000,0000,0000,,V matematice je možná znáte
Dialogue: 0,0:00:42.35,0:00:45.38,Default,,0000,0000,0000,,jako symboly méně než\Nnebo více než.
Dialogue: 0,0:00:46.47,0:00:48.36,Default,,0000,0000,0000,,První tag každé stránky je vždycky
Dialogue: 0,0:00:48.36,0:00:51.34,Default,,0000,0000,0000,,tento tag HTML přímo pod DOCTYPE.
Dialogue: 0,0:00:51.34,0:00:53.87,Default,,0000,0000,0000,,Tomuhle říkáme začínající tag HTML,
Dialogue: 0,0:00:53.87,0:00:57.06,Default,,0000,0000,0000,,a pak úplně na konci je\Nuzavírací tag HTML,
Dialogue: 0,0:00:57.06,0:00:59.73,Default,,0000,0000,0000,,který vypadá uplně stejně\Nkromě tohoto lomítka,
Dialogue: 0,0:00:59.73,0:01:01.75,Default,,0000,0000,0000,,které je velmi důležité.
Dialogue: 0,0:01:01.89,0:01:05.15,Default,,0000,0000,0000,,Dovnitř HTML musíme\Ndávat všechny ostatní tagy,
Dialogue: 0,0:01:05.15,0:01:07.35,Default,,0000,0000,0000,,které chceme na stránce mít.
Dialogue: 0,0:01:07.38,0:01:11.05,Default,,0000,0000,0000,,Proto je uzavírací tag HTML\Naž úplně na konci.
Dialogue: 0,0:01:11.12,0:01:13.35,Default,,0000,0000,0000,,Velká část HTML tagů\Nje takto "párová",
Dialogue: 0,0:01:13.35,0:01:15.10,Default,,0000,0000,0000,,ale ne všechny.
Dialogue: 0,0:01:15.57,0:01:19.18,Default,,0000,0000,0000,,Pod HTML je vždy\Ntag head,
Dialogue: 0,0:01:19.19,0:01:22.15,Default,,0000,0000,0000,,který obsahuje tagy pomáhající \Nprohlížeči zobrazit stránku,
Dialogue: 0,0:01:22.15,0:01:25.16,Default,,0000,0000,0000,,ale zároveň neobsahuje nic,\Nco může uživatel vidět.
Dialogue: 0,0:01:25.44,0:01:27.88,Default,,0000,0000,0000,,Tento meta tag dává prohlížeči
Dialogue: 0,0:01:27.88,0:01:30.02,Default,,0000,0000,0000,,více informací o zobrazení stránky.
Dialogue: 0,0:01:30.03,0:01:31.88,Default,,0000,0000,0000,,Například, pokud používáte\Nběžné znaky,
Dialogue: 0,0:01:31.88,0:01:33.28,Default,,0000,0000,0000,,například písmena abecedy,
Dialogue: 0,0:01:33.28,0:01:34.75,Default,,0000,0000,0000,,a ne žádné těžší znaky,
Dialogue: 0,0:01:34.75,0:01:36.63,Default,,0000,0000,0000,,které jsou v arabském jazyce,
Dialogue: 0,0:01:36.63,0:01:39.62,Default,,0000,0000,0000,,pak byste měli použít znakovou sadu utf-8.
Dialogue: 0,0:01:40.10,0:01:41.58,Default,,0000,0000,0000,,Dál tady máme tag title.
Dialogue: 0,0:01:41.58,0:01:45.01,Default,,0000,0000,0000,,který prohlížeč používá\Nk určení názvu stránky.
Dialogue: 0,0:01:45.21,0:01:47.62,Default,,0000,0000,0000,,Název se ukazuje na kartě\Nnahoře v prohlížeči,
Dialogue: 0,0:01:47.62,0:01:50.04,Default,,0000,0000,0000,,a taky v záložkách nebo ve výsledcích vyhledávání.
Dialogue: 0,0:01:50.16,0:01:53.43,Default,,0000,0000,0000,,Tady na Khan Academy se titulek\Nukazuje nad naší webovou stránkou.
Dialogue: 0,0:01:53.69,0:01:55.54,Default,,0000,0000,0000,,Zkusíme ho změnit.
Dialogue: 0,0:01:55.70,0:01:59.35,Default,,0000,0000,0000,,Celá stránka bude o králících.
Dialogue: 0,0:01:59.35,0:02:01.91,Default,,0000,0000,0000,,Takže název bude "Vše o králících"
Dialogue: 0,0:02:01.91,0:02:04.92,Default,,0000,0000,0000,,a můžete vidět, jak se název nahoře mění.
Dialogue: 0,0:02:05.54,0:02:08.15,Default,,0000,0000,0000,,Super, tyhle detaily bychom měli.
Dialogue: 0,0:02:08.15,0:02:11.95,Default,,0000,0000,0000,,Takže ukončíme tag head\Na přesuneme se k tagu,
Dialogue: 0,0:02:11.95,0:02:14.81,Default,,0000,0000,0000,,který je centrem dění,\Nk tagu body.
Dialogue: 0,0:02:15.03,0:02:17.80,Default,,0000,0000,0000,,Momentálně je pěkně nudný,\Njenom začíná a končí.
Dialogue: 0,0:02:18.08,0:02:19.52,Default,,0000,0000,0000,,Co bych tam měla přidat?
Dialogue: 0,0:02:19.52,0:02:21.92,Default,,0000,0000,0000,,Protože dělám webovou stránku o králících,
Dialogue: 0,0:02:21.92,0:02:23.16,Default,,0000,0000,0000,,měla bych to asi uvést
Dialogue: 0,0:02:23.16,0:02:25.46,Default,,0000,0000,0000,,ve velkém nadpisu na začátku.
Dialogue: 0,0:02:25.56,0:02:28.66,Default,,0000,0000,0000,,K přidání nadpisu používáme tag H1.
Dialogue: 0,0:02:29.57,0:02:33.15,Default,,0000,0000,0000,,Všechno o králících, super.
Dialogue: 0,0:02:33.15,0:02:34.77,Default,,0000,0000,0000,,Pro nadpisy existuje šest tagů:
Dialogue: 0,0:02:34.77,0:02:38.44,Default,,0000,0000,0000,,H1, H2, H3, H4, H5 a H6.
Dialogue: 0,0:02:38.46,0:02:41.15,Default,,0000,0000,0000,,H1 tag je pro ty nejdůležitější\Nnadpisy na stránce.
Dialogue: 0,0:02:41.15,0:02:43.36,Default,,0000,0000,0000,,a H6 je nejméně důležitý.
Dialogue: 0,0:02:43.49,0:02:45.68,Default,,0000,0000,0000,,Teď přidám více nadpisů pro každou sekci.
Dialogue: 0,0:02:45.70,0:02:49.04,Default,,0000,0000,0000,,Použiji H2, protože jsou pro trošku
Dialogue: 0,0:02:49.04,0:02:51.20,Default,,0000,0000,0000,,méně důležité sekce.
Dialogue: 0,0:02:51.96,0:02:55.47,Default,,0000,0000,0000,,Ještě písničky, super.
Dialogue: 0,0:02:56.21,0:02:58.24,Default,,0000,0000,0000,,Teď pojďme přidat opravdový obsah.
Dialogue: 0,0:02:58.40,0:03:00.44,Default,,0000,0000,0000,,Moje cílová skupina pro tuto stránku
Dialogue: 0,0:03:00.44,0:03:03.93,Default,,0000,0000,0000,,jsou mimozemšťani, kteří nikdy neviděli\Nkrálíky.
Dialogue: 0,0:03:03.93,0:03:06.94,Default,,0000,0000,0000,,Takže jim musíme dát\Nhodně dobrý popis králíků.
Dialogue: 0,0:03:07.10,0:03:10.17,Default,,0000,0000,0000,,Myslím, že bychom jim mělli\Nnapsat celý odstavec plný informací.
Dialogue: 0,0:03:10.40,0:03:12.86,Default,,0000,0000,0000,,Jak můžeme vytvořit odstavec v HTML?
Dialogue: 0,0:03:13.39,0:03:16.05,Default,,0000,0000,0000,,Samozřejmě s tagem P.
Dialogue: 0,0:03:16.47,0:03:20.74,Default,,0000,0000,0000,,Přidáme tag P, a potom do něj
Dialogue: 0,0:03:20.74,0:03:22.63,Default,,0000,0000,0000,,vložím nějaké informace,
Dialogue: 0,0:03:22.63,0:03:25.57,Default,,0000,0000,0000,,ať mě nemusíte sledovat,\Njak to celé píšu.
Dialogue: 0,0:03:25.86,0:03:27.12,Default,,0000,0000,0000,,Krása.
Dialogue: 0,0:03:27.70,0:03:30.90,Default,,0000,0000,0000,,Teď mimozemšťani potřebují píseň,\Nkterou budou králíky zdravit,
Dialogue: 0,0:03:30.91,0:03:33.17,Default,,0000,0000,0000,,takže jim dám můj\Nnejoblíbenější text.
Dialogue: 0,0:03:33.17,0:03:38.17,Default,,0000,0000,0000,,Znovu, použiji pro to tento tag P,\Na vložím dovnitř text písně
Dialogue: 0,0:03:39.52,0:03:43.42,Default,,0000,0000,0000,,"Malý králíček Foofoo",\Ntaková skvělá písnička.
Dialogue: 0,0:03:43.57,0:03:47.67,Default,,0000,0000,0000,,Ale jejej, vše se ukazuje v jednom řádku.
Dialogue: 0,0:03:47.87,0:03:50.32,Default,,0000,0000,0000,,Jak budou mimozemšťani\Nvědět, kdy přestat?
Dialogue: 0,0:03:50.42,0:03:51.66,Default,,0000,0000,0000,,Proč prohlížeč nezobrazil
Dialogue: 0,0:03:51.66,0:03:54.09,Default,,0000,0000,0000,,zalomení v řádcích, \Nkteré jsem sem vložila?
Dialogue: 0,0:03:54.35,0:03:57.05,Default,,0000,0000,0000,,No, popravdě, prohlížeč\Nvětšinou ignoruje zalomení
Dialogue: 0,0:03:57.05,0:03:59.14,Default,,0000,0000,0000,,a mezery ve vašem HTML.
Dialogue: 0,0:03:59.32,0:04:01.65,Default,,0000,0000,0000,,Pokud chcete, aby se text\Nzobrazil na nový řádek,
Dialogue: 0,0:04:01.65,0:04:05.02,Default,,0000,0000,0000,,musíme to důrazně říct,\Nvložením jiného tagu,
Dialogue: 0,0:04:05.02,0:04:08.18,Default,,0000,0000,0000,,tagu BR, který znamená nový řádek.
Dialogue: 0,0:04:08.40,0:04:12.51,Default,,0000,0000,0000,,Musíme to projít a\Npřidat BR na konci každého řádku.
Dialogue: 0,0:04:12.78,0:04:14.88,Default,,0000,0000,0000,,Teď to vypadá jako text písničky.
Dialogue: 0,0:04:15.44,0:04:18.89,Default,,0000,0000,0000,,Všimli jste si něčeho zábavného na BR?
Dialogue: 0,0:04:19.22,0:04:20.85,Default,,0000,0000,0000,,Není zde uzavírací tag.
Dialogue: 0,0:04:20.97,0:04:21.94,Default,,0000,0000,0000,,Když se nad tím zamyslíme,
Dialogue: 0,0:04:21.94,0:04:23.49,Default,,0000,0000,0000,,nový řádek nemá žádný obsah,
Dialogue: 0,0:04:23.49,0:04:25.86,Default,,0000,0000,0000,,takže pak není co ukončovat.
Dialogue: 0,0:04:26.01,0:04:28.50,Default,,0000,0000,0000,,Proto potřebujeme jen začínající tag.
Dialogue: 0,0:04:29.06,0:04:30.36,Default,,0000,0000,0000,,Tady je.
Dialogue: 0,0:04:30.46,0:04:32.70,Default,,0000,0000,0000,,Mimozemšťani se budou učit\Nzáklady o králících,
Dialogue: 0,0:04:32.70,0:04:35.88,Default,,0000,0000,0000,,a vy jste se naučili základy o HTML.
Dialogue: 0,0:04:36.04,0:04:37.16,Default,,0000,0000,0000,,Jakmile domluvím,
Dialogue: 0,0:04:37.16,0:04:39.92,Default,,0000,0000,0000,,můžete si s tímto hrát a různě to měnit.
Dialogue: 0,0:04:39.98,0:04:43.66,Default,,0000,0000,0000,,A až budete připraveni, pokračujte\Nna vaši první HTML výzvu.