0:00:00.411,0:00:01.835
Добродошли на моју веб страницу.

0:00:01.835,0:00:04.059
Знам, није толико узбудљива веб страница.

0:00:04.059,0:00:07.477
Комплетно је празна,[br]али свака веб страница тако почиње,

0:00:07.477,0:00:10.166
а ускоро ћу вам показати[br]како да изградите ову страницу.

0:00:10.275,0:00:11.681
Првo ипак, дајте ми минут

0:00:11.681,0:00:14.860
да вас упознам са костуром[br]празне веб странице.

0:00:15.389,0:00:16.944
Свака веб страница почиње са

0:00:16.944,0:00:20.384
овом стварчицом забавног изгледа[br]на врху која се зове DOCTYPE.

0:00:20.562,0:00:21.961
То је само сигнал претраживачу

0:00:21.961,0:00:24.603
да је ова веб страница[br]написана у модерном HTML-у,

0:00:24.603,0:00:27.530
а не у старом, незграпном[br]и чудном HTML-у.

0:00:27.931,0:00:31.026
Даље, идемо на скроз први таг,[br]односно ознаку странице.

0:00:31.026,0:00:34.582
HTML је језик за означавање,[br]те је код њега све у вези са ознакама.

0:00:34.635,0:00:36.399
Таг је једна од ових ствари

0:00:36.399,0:00:38.314
која почиње са угластом заградом,

0:00:38.314,0:00:40.684
а завршава са другом угластом заградом.

0:00:40.745,0:00:42.346
Или ако волите математику,[br]можете мислити о њима

0:00:42.346,0:00:45.383
као о знаковима за мање и веће од.

0:00:46.474,0:00:48.356
Први таг сваке странице је увек

0:00:48.356,0:00:51.343
тај HTML таг тачно испод DOCTYPE.

0:00:51.343,0:00:53.871
Ово је почетни HTML таг,

0:00:53.871,0:00:57.055
а онда на дну странице[br]је овај завршни HTML таг,

0:00:57.055,0:00:59.729
који је исти осим што има ову косу црту,

0:00:59.729,0:01:01.747
која је јако важна.

0:01:01.889,0:01:05.147
HTML таг треба да садржи све остале тагове

0:01:05.147,0:01:07.354
који чине ову веб страницу.

0:01:07.376,0:01:11.051
Због тога се завршни HTML[br]појављује тек на дну странице.

0:01:11.119,0:01:13.351
Много HTML тагова[br]долази у паровима попут овог,

0:01:13.351,0:01:15.099
али не сви.

0:01:15.571,0:01:19.176
У реду. Испод HTML тага,[br]увек се налази HEAD таг.

0:01:19.437,0:01:22.146
Тај садржи тагове који помажу[br]претраживачу да рендерује страницу,

0:01:22.146,0:01:25.162
али не садржи ништа[br]што корисник заправо види.

0:01:25.435,0:01:27.885
Ту је овај МЕТА таг који претраживачу пружа

0:01:27.885,0:01:30.017
више детаља око тога[br]како да рендерује страницу.

0:01:30.204,0:01:31.885
На пример, ако користите типичне карактере

0:01:31.885,0:01:33.281
као што су они из енглеског језика,

0:01:33.281,0:01:34.747
а не карактере теже за рендеровање

0:01:34.747,0:01:36.628
из на пример арапског језика,

0:01:36.628,0:01:39.618
онда вам треба мета charset једнако utf-8.

0:01:40.100,0:01:41.578
Затим је ту овај TITLE таг,

0:01:41.578,0:01:45.009
који претраживач користи[br]да подеси назив странице.

0:01:45.212,0:01:47.623
А то је оно што се приказује на картици[br]на врховима претраживача

0:01:47.623,0:01:50.039
и у букмаркцима и у резултатима претрага.

0:01:50.161,0:01:53.430
Овде на Кхан Академији, наслов се приказује[br]изнад наше веб странице.

0:01:53.687,0:01:55.544
Дајте да променим наслов.

0:01:55.695,0:01:59.348
Направићу страницу за све о зечевима.

0:01:59.348,0:02:01.914
Дакле, назваћу је "Све о зечевима"

0:02:01.914,0:02:04.923
и можда можете видети[br]како се то мења изнад.

0:02:05.539,0:02:08.149
Фино, у реду, сада смо[br]завршили са овим детаљима

0:02:08.149,0:02:11.946
тако да завршавамо HEAD таг[br]и прелазимо на таг

0:02:11.946,0:02:14.809
где ће се све дешавати, BODY таг.

0:02:15.033,0:02:17.805
Прилично је досадно сада,[br]само почетак и крај.

0:02:18.081,0:02:19.521
Ок. Шта би требала да додам?

0:02:19.521,0:02:21.921
Па, правим веб страницу о зечевима,

0:02:21.921,0:02:23.155
тако да би то вероватно[br]требала да нагласим

0:02:23.155,0:02:25.455
у баш великом наслову на врху.

0:02:25.559,0:02:28.656
Да додамо наслов, користимо H1 таг.

0:02:29.574,0:02:33.154
Све о зечевима, сјајно.

0:02:33.154,0:02:34.772
Заправо, имамо шест тагова[br]које можемо користити

0:02:34.772,0:02:38.441
за наслове H1, H2, H3, H4, H5 и H6.

0:02:38.461,0:02:41.153
H1 је за најважније наслове на страници,

0:02:41.153,0:02:43.358
а H6 је најмање важан.

0:02:43.491,0:02:45.682
Додаћу још пар наслова[br]за остале секције.

0:02:45.696,0:02:49.035
Користићу H2 пошто су ово нешто

0:02:49.035,0:02:51.197
мање важне секције.

0:02:51.957,0:02:55.469
И неке песме... у реду, одлично.

0:02:56.214,0:02:58.240
Сада додајмо неке информације.

0:02:58.402,0:03:00.435
Па, моја циљна популација за ову страницу

0:03:00.435,0:03:03.934
су ванземаљци који никада[br]нису видели зечеве.

0:03:03.934,0:03:06.943
Дакле, боље да им дам добар опис зечева.

0:03:07.100,0:03:10.174
Заправо, мислим да ми треба[br]цео пасус информација.

0:03:10.396,0:03:12.856
Како могу да означим пасус у HTML-у?

0:03:13.391,0:03:16.049
Помоћу Р тага, наравно.

0:03:16.470,0:03:20.736
Ставимо Р таг, а онда само идем даље

0:03:20.736,0:03:22.633
и налепим информације

0:03:22.633,0:03:25.568
тако да не морате да ме гледате[br]како све то куцам.

0:03:25.856,0:03:27.116
Предивно.

0:03:27.699,0:03:30.901
Ок. Сада ће ванземаљцима требати[br]песма којом ће поздравити зечеве,

0:03:30.912,0:03:33.170
па ћу им дати лирике[br]моје лично омиљене песме.

0:03:33.170,0:03:38.170
Још једном, користите тај Р таг[br]за то и налепите песму

0:03:39.521,0:03:43.419
"Мали зека Фуфу".[br]Ох, тако добра песма!

0:03:43.572,0:03:47.672
Али... ух, ох... све се приказује[br]у једној истој линији.

0:03:47.868,0:03:50.315
Како ће ванземаљци знати када је пауза?

0:03:50.418,0:03:51.660
Зашто претраживач није рендеровао

0:03:51.660,0:03:54.092
преломе редова које сам овде ставила?

0:03:54.350,0:03:57.052
Па заправо, претраживачи углавном[br]игноришу прелом редова

0:03:57.052,0:03:59.139
и размаке у вашем HTML-u.

0:03:59.318,0:04:01.647
А, ако желимо да претраживач[br]рендерује прелом реда,

0:04:01.647,0:04:05.022
морамо то експлицитно да му кажемо,[br]коришћењем још једног тага,

0:04:05.022,0:04:08.176
BR тага, који представља прелом (енг: break).

0:04:08.398,0:04:12.513
Добро, проћи ћу кроз ово[br]и додаћу BR-ове после сваке линије.

0:04:12.777,0:04:14.885
Сада личи на лирике.

0:04:15.440,0:04:18.890
Да ли сте приметили[br]нешто забавно око BR?

0:04:19.221,0:04:20.851
Нема завршног тага!

0:04:20.966,0:04:21.938
И, ако размислите о томе,

0:04:21.938,0:04:23.492
прелом реда не садржи[br]никакав садржај,

0:04:23.492,0:04:25.861
тако да нема ништа[br]иза чега би се завршио.

0:04:26.006,0:04:28.496
Само почетни таг је све што нам треба.

0:04:29.062,0:04:30.361
И ту смо.

0:04:30.456,0:04:32.704
Ванземаљци ће научити основе о зечевима,

0:04:32.704,0:04:35.883
а ви сте научили основе HTML-a.

0:04:36.044,0:04:37.158
Пошто завршим са причом,

0:04:37.158,0:04:39.915
поиграјте се са овим[br]и покушајте да мењате ствари.

0:04:39.976,0:04:43.658
Па када будете спремни,[br]продужите на ваш први HTML изазов.