[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,,Добродошли на моју веб страницу.
Dialogue: 0,0:00:01.84,0:00:04.06,Default,,0000,0000,0000,,Знам, није толико узбудљива веб страница.
Dialogue: 0,0:00:04.06,0:00:07.48,Default,,0000,0000,0000,,Комплетно је празна,\Nали свака веб страница тако почиње,
Dialogue: 0,0:00:07.48,0:00:10.17,Default,,0000,0000,0000,,а ускоро ћу вам показати\Nкако да изградите ову страницу.
Dialogue: 0,0:00:10.28,0:00:11.68,Default,,0000,0000,0000,,Првo ипак, дајте ми минут
Dialogue: 0,0:00:11.68,0:00:14.86,Default,,0000,0000,0000,,да вас упознам са костуром\Nпразне веб странице.
Dialogue: 0,0:00:15.39,0:00:16.94,Default,,0000,0000,0000,,Свака веб страница почиње са
Dialogue: 0,0:00:16.94,0:00:20.38,Default,,0000,0000,0000,,овом стварчицом забавног изгледа\Nна врху која се зове DOCTYPE.
Dialogue: 0,0:00:20.56,0:00:21.96,Default,,0000,0000,0000,,То је само сигнал претраживачу
Dialogue: 0,0:00:21.96,0:00:24.60,Default,,0000,0000,0000,,да је ова веб страница\Nнаписана у модерном HTML-у,
Dialogue: 0,0:00:24.60,0:00:27.53,Default,,0000,0000,0000,,а не у старом, незграпном\Nи чудном HTML-у.
Dialogue: 0,0:00:27.93,0:00:31.03,Default,,0000,0000,0000,,Даље, идемо на скроз први таг,\Nодносно ознаку странице.
Dialogue: 0,0:00:31.03,0:00:34.58,Default,,0000,0000,0000,,HTML је језик за означавање,\Nте је код њега све у вези са ознакама.
Dialogue: 0,0:00:34.64,0:00:36.40,Default,,0000,0000,0000,,Таг је једна од ових ствари
Dialogue: 0,0:00:36.40,0:00:38.31,Default,,0000,0000,0000,,која почиње са угластом заградом,
Dialogue: 0,0:00:38.31,0:00:40.68,Default,,0000,0000,0000,,а завршава са другом угластом заградом.
Dialogue: 0,0:00:40.74,0:00:42.35,Default,,0000,0000,0000,,Или ако волите математику,\Nможете мислити о њима
Dialogue: 0,0:00:42.35,0:00:45.38,Default,,0000,0000,0000,,као о знаковима за мање и веће од.
Dialogue: 0,0:00:46.47,0:00:48.36,Default,,0000,0000,0000,,Први таг сваке странице је увек
Dialogue: 0,0:00:48.36,0:00:51.34,Default,,0000,0000,0000,,тај HTML таг тачно испод DOCTYPE.
Dialogue: 0,0:00:51.34,0:00:53.87,Default,,0000,0000,0000,,Ово је почетни HTML таг,
Dialogue: 0,0:00:53.87,0:00:57.06,Default,,0000,0000,0000,,а онда на дну странице\Nје овај завршни HTML таг,
Dialogue: 0,0:00:57.06,0:00:59.73,Default,,0000,0000,0000,,који је исти осим што има ову косу црту,
Dialogue: 0,0:00:59.73,0:01:01.75,Default,,0000,0000,0000,,која је јако важна.
Dialogue: 0,0:01:01.89,0:01:05.15,Default,,0000,0000,0000,,HTML таг треба да садржи све остале тагове
Dialogue: 0,0:01:05.15,0:01:07.35,Default,,0000,0000,0000,,који чине ову веб страницу.
Dialogue: 0,0:01:07.38,0:01:11.05,Default,,0000,0000,0000,,Због тога се завршни HTML\Nпојављује тек на дну странице.
Dialogue: 0,0:01:11.12,0:01:13.35,Default,,0000,0000,0000,,Много HTML тагова\Nдолази у паровима попут овог,
Dialogue: 0,0:01:13.35,0:01:15.10,Default,,0000,0000,0000,,али не сви.
Dialogue: 0,0:01:15.57,0:01:19.18,Default,,0000,0000,0000,,У реду. Испод HTML тага,\Nувек се налази HEAD таг.
Dialogue: 0,0:01:19.44,0:01:22.15,Default,,0000,0000,0000,,Тај садржи тагове који помажу\Nпретраживачу да рендерује страницу,
Dialogue: 0,0:01:22.15,0:01:25.16,Default,,0000,0000,0000,,али не садржи ништа\Nшто корисник заправо види.
Dialogue: 0,0:01:25.44,0:01:27.88,Default,,0000,0000,0000,,Ту је овај МЕТА таг који претраживачу пружа
Dialogue: 0,0:01:27.88,0:01:30.02,Default,,0000,0000,0000,,више детаља око тога\Nкако да рендерује страницу.
Dialogue: 0,0:01:30.20,0:01:31.88,Default,,0000,0000,0000,,На пример, ако користите типичне карактере
Dialogue: 0,0:01:31.88,0:01:33.28,Default,,0000,0000,0000,,као што су они из енглеског језика,
Dialogue: 0,0:01:33.28,0:01:34.75,Default,,0000,0000,0000,,а не карактере теже за рендеровање
Dialogue: 0,0:01:34.75,0:01:36.63,Default,,0000,0000,0000,,из на пример арапског језика,
Dialogue: 0,0:01:36.63,0:01:39.62,Default,,0000,0000,0000,,онда вам треба мета charset једнако utf-8.
Dialogue: 0,0:01:40.10,0:01:41.58,Default,,0000,0000,0000,,Затим је ту овај TITLE таг,
Dialogue: 0,0:01:41.58,0:01:45.01,Default,,0000,0000,0000,,који претраживач користи\Nда подеси назив странице.
Dialogue: 0,0:01:45.21,0:01:47.62,Default,,0000,0000,0000,,А то је оно што се приказује на картици\Nна врховима претраживача
Dialogue: 0,0:01:47.62,0:01:50.04,Default,,0000,0000,0000,,и у букмаркцима и у резултатима претрага.
Dialogue: 0,0:01:50.16,0:01:53.43,Default,,0000,0000,0000,,Овде на Кхан Академији, наслов се приказује\Nизнад наше веб странице.
Dialogue: 0,0:01:53.69,0:01:55.54,Default,,0000,0000,0000,,Дајте да променим наслов.
Dialogue: 0,0:01:55.70,0:01:59.35,Default,,0000,0000,0000,,Направићу страницу за све о зечевима.
Dialogue: 0,0:01:59.35,0:02:01.91,Default,,0000,0000,0000,,Дакле, назваћу је "Све о зечевима"
Dialogue: 0,0:02:01.91,0:02:04.92,Default,,0000,0000,0000,,и можда можете видети\Nкако се то мења изнад.
Dialogue: 0,0:02:05.54,0:02:08.15,Default,,0000,0000,0000,,Фино, у реду, сада смо\Nзавршили са овим детаљима
Dialogue: 0,0:02:08.15,0:02:11.95,Default,,0000,0000,0000,,тако да завршавамо HEAD таг\Nи прелазимо на таг
Dialogue: 0,0:02:11.95,0:02:14.81,Default,,0000,0000,0000,,где ће се све дешавати, BODY таг.
Dialogue: 0,0:02:15.03,0:02:17.80,Default,,0000,0000,0000,,Прилично је досадно сада,\Nсамо почетак и крај.
Dialogue: 0,0:02:18.08,0:02:19.52,Default,,0000,0000,0000,,Ок. Шта би требала да додам?
Dialogue: 0,0:02:19.52,0:02:21.92,Default,,0000,0000,0000,,Па, правим веб страницу о зечевима,
Dialogue: 0,0:02:21.92,0:02:23.16,Default,,0000,0000,0000,,тако да би то вероватно\Nтребала да нагласим
Dialogue: 0,0:02:23.16,0:02:25.46,Default,,0000,0000,0000,,у баш великом наслову на врху.
Dialogue: 0,0:02:25.56,0:02:28.66,Default,,0000,0000,0000,,Да додамо наслов, користимо H1 таг.
Dialogue: 0,0:02:29.57,0:02:33.15,Default,,0000,0000,0000,,Све о зечевима, сјајно.
Dialogue: 0,0:02:33.15,0:02:34.77,Default,,0000,0000,0000,,Заправо, имамо шест тагова\Nкоје можемо користити
Dialogue: 0,0:02:34.77,0:02:38.44,Default,,0000,0000,0000,,за наслове H1, H2, H3, H4, H5 и H6.
Dialogue: 0,0:02:38.46,0:02:41.15,Default,,0000,0000,0000,,H1 је за најважније наслове на страници,
Dialogue: 0,0:02:41.15,0:02:43.36,Default,,0000,0000,0000,,а H6 је најмање важан.
Dialogue: 0,0:02:43.49,0:02:45.68,Default,,0000,0000,0000,,Додаћу још пар наслова\Nза остале секције.
Dialogue: 0,0:02:45.70,0:02:49.04,Default,,0000,0000,0000,,Користићу H2 пошто су ово нешто
Dialogue: 0,0:02:49.04,0:02:51.20,Default,,0000,0000,0000,,мање важне секције.
Dialogue: 0,0:02:51.96,0:02:55.47,Default,,0000,0000,0000,,И неке песме... у реду, одлично.
Dialogue: 0,0:02:56.21,0:02:58.24,Default,,0000,0000,0000,,Сада додајмо неке информације.
Dialogue: 0,0:02:58.40,0:03:00.44,Default,,0000,0000,0000,,Па, моја циљна популација за ову страницу
Dialogue: 0,0:03:00.44,0:03:03.93,Default,,0000,0000,0000,,су ванземаљци који никада\Nнису видели зечеве.
Dialogue: 0,0:03:03.93,0:03:06.94,Default,,0000,0000,0000,,Дакле, боље да им дам добар опис зечева.
Dialogue: 0,0:03:07.10,0:03:10.17,Default,,0000,0000,0000,,Заправо, мислим да ми треба\Nцео пасус информација.
Dialogue: 0,0:03:10.40,0:03:12.86,Default,,0000,0000,0000,,Како могу да означим пасус у HTML-у?
Dialogue: 0,0:03:13.39,0:03:16.05,Default,,0000,0000,0000,,Помоћу Р тага, наравно.
Dialogue: 0,0:03:16.47,0:03:20.74,Default,,0000,0000,0000,,Ставимо Р таг, а онда само идем даље
Dialogue: 0,0:03:20.74,0:03:22.63,Default,,0000,0000,0000,,и налепим информације
Dialogue: 0,0:03:22.63,0:03:25.57,Default,,0000,0000,0000,,тако да не морате да ме гледате\Nкако све то куцам.
Dialogue: 0,0:03:25.86,0:03:27.12,Default,,0000,0000,0000,,Предивно.
Dialogue: 0,0:03:27.70,0:03:30.90,Default,,0000,0000,0000,,Ок. Сада ће ванземаљцима требати\Nпесма којом ће поздравити зечеве,
Dialogue: 0,0:03:30.91,0:03:33.17,Default,,0000,0000,0000,,па ћу им дати лирике\Nмоје лично омиљене песме.
Dialogue: 0,0:03:33.17,0:03:38.17,Default,,0000,0000,0000,,Још једном, користите тај Р таг\Nза то и налепите песму
Dialogue: 0,0:03:39.52,0:03:43.42,Default,,0000,0000,0000,,"Мали зека Фуфу".\NОх, тако добра песма!
Dialogue: 0,0:03:43.57,0:03:47.67,Default,,0000,0000,0000,,Али... ух, ох... све се приказује\Nу једној истој линији.
Dialogue: 0,0:03:47.87,0:03:50.32,Default,,0000,0000,0000,,Како ће ванземаљци знати када је пауза?
Dialogue: 0,0:03:50.42,0:03:51.66,Default,,0000,0000,0000,,Зашто претраживач није рендеровао
Dialogue: 0,0:03:51.66,0:03:54.09,Default,,0000,0000,0000,,преломе редова које сам овде ставила?
Dialogue: 0,0:03:54.35,0:03:57.05,Default,,0000,0000,0000,,Па заправо, претраживачи углавном\Nигноришу прелом редова
Dialogue: 0,0:03:57.05,0:03:59.14,Default,,0000,0000,0000,,и размаке у вашем HTML-u.
Dialogue: 0,0:03:59.32,0:04:01.65,Default,,0000,0000,0000,,А, ако желимо да претраживач\Nрендерује прелом реда,
Dialogue: 0,0:04:01.65,0:04:05.02,Default,,0000,0000,0000,,морамо то експлицитно да му кажемо,\Nкоришћењем још једног тага,
Dialogue: 0,0:04:05.02,0:04:08.18,Default,,0000,0000,0000,,BR тага, који представља прелом (енг: break).
Dialogue: 0,0:04:08.40,0:04:12.51,Default,,0000,0000,0000,,Добро, проћи ћу кроз ово\Nи додаћу BR-ове после сваке линије.
Dialogue: 0,0:04:12.78,0:04:14.88,Default,,0000,0000,0000,,Сада личи на лирике.
Dialogue: 0,0:04:15.44,0:04:18.89,Default,,0000,0000,0000,,Да ли сте приметили\Nнешто забавно око BR?
Dialogue: 0,0:04:19.22,0:04:20.85,Default,,0000,0000,0000,,Нема завршног тага!
Dialogue: 0,0:04:20.97,0:04:21.94,Default,,0000,0000,0000,,И, ако размислите о томе,
Dialogue: 0,0:04:21.94,0:04:23.49,Default,,0000,0000,0000,,прелом реда не садржи\Nникакав садржај,
Dialogue: 0,0:04:23.49,0:04:25.86,Default,,0000,0000,0000,,тако да нема ништа\Nиза чега би се завршио.
Dialogue: 0,0:04:26.01,0:04:28.50,Default,,0000,0000,0000,,Само почетни таг је све што нам треба.
Dialogue: 0,0:04:29.06,0:04:30.36,Default,,0000,0000,0000,,И ту смо.
Dialogue: 0,0:04:30.46,0:04:32.70,Default,,0000,0000,0000,,Ванземаљци ће научити основе о зечевима,
Dialogue: 0,0:04:32.70,0:04:35.88,Default,,0000,0000,0000,,а ви сте научили основе HTML-a.
Dialogue: 0,0:04:36.04,0:04:37.16,Default,,0000,0000,0000,,Пошто завршим са причом,
Dialogue: 0,0:04:37.16,0:04:39.92,Default,,0000,0000,0000,,поиграјте се са овим\Nи покушајте да мењате ствари.
Dialogue: 0,0:04:39.98,0:04:43.66,Default,,0000,0000,0000,,Па када будете спремни,\Nпродужите на ваш први HTML изазов.