0:00:00.271,0:00:01.900
Причали смо о зечевима

0:00:01.900,0:00:05.800
све ово време,[br]описујући их кроз пасусе и листе,

0:00:05.800,0:00:09.228
али, могли бисмо ставити[br]и слику на нашу веб страницу

0:00:09.228,0:00:12.060
и заправо приказати како зечеви изгледају.

0:00:12.400,0:00:16.149
Па, да би ставили слику на веб страницу,[br]користимо IMG таг,

0:00:16.149,0:00:19.466
који, као што можете погодити,[br]потиче од речи слика (енгл. image).

0:00:19.466,0:00:22.700
Ако само укуцамо "image"[br]нећемо видети ништа.

0:00:22.700,0:00:23.966
Зашто не?

0:00:23.966,0:00:27.511
Па, нисмо претраживачу рекли[br]коју слику да прикаже.

0:00:27.511,0:00:29.284
Постоји милион слика на интернету,

0:00:29.284,0:00:31.469
и сигурно не желимо[br]да се нека изабере насумице,

0:00:31.469,0:00:33.930
пошто то може бити нека ружна[br]која нам се не свиђа.

0:00:34.699,0:00:37.766
И то такође неће бити[br]оно што желимо да буде.

0:00:37.766,0:00:40.925
Треба да претраживачу[br]проследимо URL слике.

0:00:40.939,0:00:43.073
URL је оно што се прикаже на врху

0:00:43.073,0:00:44.770
претраживача у адресном пољу.

0:00:44.770,0:00:46.874
И то је оно што то јесте - адреса.

0:00:46.874,0:00:49.301
То је начин за проналажење[br]неког ресурса на вебу.

0:00:50.485,0:00:52.413
И то значи да можемо[br]убацити само ону слику

0:00:52.413,0:00:54.552
која се већ налази негде на интернету.

0:00:54.552,0:00:57.602
Не можемо просто да убацимо слике[br]које су само на нашем рачунару.

0:00:58.233,0:01:00.772
Постоји много начина[br]да пронађемо слике на интернету,

0:01:00.772,0:01:03.137
али смо вам ми то овде олакшали

0:01:03.137,0:01:06.037
тако што смо направили бирач слика[br]из колекције фотографија.

0:01:06.246,0:01:07.967
Да би он искочио, треба да додамо

0:01:07.967,0:01:10.735
један атрибут нашем тагу за слику.

0:01:10.735,0:01:12.800
Атрибут је додатно парче

0:01:12.800,0:01:14.772
информације о тагу и ово је

0:01:14.772,0:01:17.106
први атрибут са којим се сусрећемо.

0:01:17.736,0:01:19.714
Да бисмо претраживачу рекли URL, ми ћемо

0:01:19.714,0:01:22.945
додати атрибут назван:[br]извор (енгл: source, src).

0:01:22.945,0:01:26.490
И додаћемо размак и онда откуцати SRC.

0:01:28.337,0:01:30.866
Сада, то значи извор (енгл: source),[br]али је јако важно

0:01:30.866,0:01:32.733
да га укуцате као SRC,[br]пошто ће претраживач

0:01:32.733,0:01:35.333
то игнорисати, ако погрешимо у писању.

0:01:35.733,0:01:38.700
Сада, треба да ставим[br]један знак једнакости како би рекла

0:01:38.700,0:01:41.400
претраживачу која је вредност атрибута.

0:01:41.400,0:01:44.925
И сада ћу додати наводнике, а едитор ће

0:01:44.925,0:01:47.286
аутоматски додати завршне наводнике,

0:01:47.286,0:01:51.053
како би вредности атрибута увек биле[br]уоквирене дуплим наводницима.

0:01:51.838,0:01:55.833
У реду, дакле, сада би иначе почели[br]да уносимо наш URL,

0:01:55.833,0:01:57.600
али овде на Кхан Академији, тада ће

0:01:57.600,0:02:00.135
наш бирач слика искочити.

0:02:00.135,0:02:04.024
Само ћемо изабрати слику,[br]а желим слику зеца,

0:02:04.024,0:02:06.630
тако да ћу кликнути на[br]картицу животиња и изабраћу

0:02:06.630,0:02:08.871
овог неодољивог зеца и кликнути OK.

0:02:10.238,0:02:13.089
Видите ли како је ту URL[br]унутар наших наводника?

0:02:13.089,0:02:16.300
И видите ли како тај URL почиње са http?

0:02:16.300,0:02:17.666
То је како знамо да показује

0:02:17.666,0:02:19.666
на неку слику негде на интернету.

0:02:19.666,0:02:22.134
И хеј! Видите, ено га зека[br]на мојој веб страници!

0:02:23.226,0:02:26.233
Али шта да је сервер[br]који складишти ту слику у квару,

0:02:26.233,0:02:28.133
и да претраживач не може је учита?

0:02:28.133,0:02:31.092
Како би посетилац знао шта је[br]на мојој феноменалној слици?

0:02:31.092,0:02:33.401
Не би видели ништа и питали би се остатак

0:02:33.401,0:02:35.367
својих живота шта су то пропустили.

0:02:35.867,0:02:39.433
Баш због тога таг за слику[br]поседује други атрибут - ALT,

0:02:39.433,0:02:41.066
који користимо да претраживачу кажемо

0:02:41.066,0:02:44.108
који је алтернативни текст за слику.

0:02:44.108,0:02:46.579
Да додамо други атрибут,[br]само ставимо размак

0:02:46.579,0:02:49.510
после завршних наводника последњег.

0:02:49.510,0:02:53.635
Затим пишемо ALT,[br]знак једнакости, наводнике,

0:02:53.635,0:02:57.250
а унутар ових наводника, текст ће бити

0:02:57.250,0:02:58.922
неки помоћни опис за слику

0:02:58.922,0:03:03.746
попут "зец са спуштеним ушима у амбару."

0:03:04.858,0:03:07.200
То такође помаже људима[br]који виде веб странице

0:03:07.200,0:03:09.805
али их не могу заиста видети,[br]попут слепих.

0:03:09.805,0:03:11.496
Они користе апликацију[br]која се назива читач екрана,

0:03:11.496,0:03:13.613
који им буквално чита веб страницу,

0:03:13.613,0:03:15.701
описујући сваки таг који види.

0:03:15.701,0:03:18.478
Када она види таг за слику,[br]прочитаће алтернативни текст

0:03:18.478,0:03:21.335
пошто слепа особа не може да види слике.

0:03:21.335,0:03:24.317
Дакле, требали бисте увек,[br]увек користити алтернативни текст,

0:03:24.317,0:03:28.076
како би цео свет могао искусити[br]вашу веб страницу.

0:03:28.900,0:03:31.233
У реду, вратимо се на слику[br]коју можемо видети.

0:03:31.233,0:03:32.893
Мало је велика.

0:03:32.893,0:03:34.263
Хајде да јој променимо величину.

0:03:34.263,0:03:36.206
Можемо урадити то са више атрибута.

0:03:37.037,0:03:38.960
Са нашом ширином или висином.

0:03:38.960,0:03:43.159
Рецимо, "ширина је једнака 100."

0:03:43.975,0:03:47.171
У реду, дакле, сада је широка 100 пиксела.

0:03:47.171,0:03:49.423
То је малчице премало.

0:03:49.423,0:03:51.347
Ставимо наш курсор унутра и искористимо

0:03:51.347,0:03:53.900
мењач броја да је начинимо већом.

0:03:54.023,0:03:56.572
У реду, то изгледа много боље.

0:03:56.572,0:03:58.603
Сада, покушајмо да додамо висину.

0:03:58.603,0:04:00.945
Само ћу рећи, "висина је једнака са 50."

0:04:00.945,0:04:02.608
Ух-ох!

0:04:02.608,0:04:05.401
Згњечила сам мог зеку, јадни зека!

0:04:05.401,0:04:08.764
Видите, зато бисте иначе[br]требали само да наведете

0:04:08.764,0:04:10.969
или ширину или висину, али не обоје.

0:04:10.969,0:04:13.273
Јер можете унети погрешне димензије

0:04:13.273,0:04:16.800
и тако згњечити ваше зеке.[br]Тако да ћу ја једноставно[br]препустити претраживачу

0:04:16.800,0:04:20.884
да уради математику и одлучи[br]колика треба да буде друга димензија.

0:04:20.884,0:04:22.500
Обрисаћу висину.

0:04:22.500,0:04:25.266
Сада када можете да правите слике,[br]почните да размишљате

0:04:25.266,0:04:27.971
о комбиновању свих тагова[br]које имате у кутији са алатима.

0:04:27.971,0:04:32.971
Листе са сликама и пасусима,[br]топ 10 најлуђих животиња...

0:04:33.301,0:04:35.833
Само немојте ставити превише[br]слика на вашу страницу,

0:04:35.833,0:04:37.576
пошто ће особа[br]која вам посећује страницу

0:04:37.576,0:04:40.006
морати да учита све њих.

0:04:40.006,0:04:42.938
Али, и даље се можете пуно забавити!