[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,,Այն ամբողջովին դատարկա է, բայց ամեն կայքէջ այդպես է սկսվում Dialogue: 0,0:00:07.48,0:00:10.17,Default,,0000,0000,0000,,և ես Ձեզ շուտով ցույց կտամ, թե ինչպես կարելի է կառուցել էջ Dialogue: 0,0:00:10.28,0:00:11.68,Default,,0000,0000,0000,,Բայց առաջին հերթին եկեք Dialogue: 0,0:00:11.68,0:00:14.86,Default,,0000,0000,0000,,ուսումնասիրենք դատարկ էջի կմախքը 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,,այս, վերևում երևացող տողով, 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,,այս կայքէջը գրված է ժամանակակից HTML-ով Dialogue: 0,0:00:24.60,0:00:27.53,Default,,0000,0000,0000,,այլ ոչ hին ու տաօրինակ HTML-ով Dialogue: 0,0:00:27.93,0:00:31.03,Default,,0000,0000,0000,,Հիմա նայենք էջի առաջին թեգին Dialogue: 0,0:00:31.03,0:00:34.58,Default,,0000,0000,0000,,HTML-ն ամբողջությամբ հիմնված է թեգերի վրա 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,,կամ եթե դուք սիրում եք մաթեմատիկա 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,,և ներքևում տեսնում եք փակվող 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 թեգն ամենավերջում Dialogue: 0,0:01:11.12,0:01:13.35,Default,,0000,0000,0000,,HTML թեգերից շատերն այսպես զույգերով են օգտագործվում 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-ի տակ միշտ կա head թեգ Dialogue: 0,0:01:19.44,0:01:22.15,Default,,0000,0000,0000,,Այն պարունակում է թեգեր, որոնք օգնում են զննիչին արտացոլել էջը Dialogue: 0,0:01:22.15,0:01:25.16,Default,,0000,0000,0000,,բայց չի պարունակում օգտատիրոջ համար տեսանելի բաներ Dialogue: 0,0:01:25.44,0:01:27.88,Default,,0000,0000,0000,,Սա meta թեգն է, որը ցույց է տալիս զննիչին Dialogue: 0,0:01:27.88,0:01:30.02,Default,,0000,0000,0000,,ավելի շատ տեղեկություն, արտացոլման համար 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,,ապա ձեզ հարկավոր meta charset-ը \Nհավասար է utf-8 Dialogue: 0,0:01:40.10,0:01:41.58,Default,,0000,0000,0000,,հետո տեսնում ենք title tag-ը 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,,Սա զննիչի վերևում գտնվող tab-ի, էջանիշերի վրա\N Dialogue: 0,0:01:47.62,0:01:50.04,Default,,0000,0000,0000,,և որոնման արդյունքներում\Nերևացող բառն է 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,,Գրենք անգլերեն "All about rabbits" 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,,Լավ մենք վերջացրինք այս հատվածը Dialogue: 0,0:02:08.15,0:02:11.95,Default,,0000,0000,0000,,և մենք կարող ենք փակել head tag-ը\Nև անցնել հաջորդ թագերին Dialogue: 0,0:02:11.95,0:02:14.81,Default,,0000,0000,0000,,Ամենե ինչ կատարվելու է body tag-ում 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,,Քանի, որ պատրաստում ենք \Nճագարների մասին կայքէջ 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,,Վեռնագիր ավելացնելու համար \Nօգտագործում ենք H1 tag-ը Dialogue: 0,0:02:29.57,0:02:33.15,Default,,0000,0000,0000,,All about rabbits, շատ լավ Dialogue: 0,0:02:33.15,0:02:34.77,Default,,0000,0000,0000,,Իրականում մենք ունենք 6 թեգեր,\N Dialogue: 0,0:02:34.77,0:02:38.44,Default,,0000,0000,0000,,որոնք կարող ենք օգտագործել վեռնագրերի\Nհամար, 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,,Նշանակում է, որ պետք է\Nճագարների լավ բնութագիր տալ Dialogue: 0,0:03:07.10,0:03:10.17,Default,,0000,0000,0000,,և ինձ պետք է տեղեկության մի պարբերություն Dialogue: 0,0:03:10.40,0:03:12.86,Default,,0000,0000,0000,,ինչպե՞ս կարելի է ստեղծել\Nպարբերություն HTML-ում Dialogue: 0,0:03:13.39,0:03:16.05,Default,,0000,0000,0000,,Իհարկե P tag-ով Dialogue: 0,0:03:16.47,0:03:20.74,Default,,0000,0000,0000,,մենք դնում ենք P tag-ը և ուղակի 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,,ևս մեկ անգամ օգտագործենք P tag-ը\Nև պատճենենք դրա մեջ երգը Dialogue: 0,0:03:39.52,0:03:43.42,Default,,0000,0000,0000,,Little Bunny Fofoo շատ լավ երգ է Dialogue: 0,0:03:43.57,0:03:47.67,Default,,0000,0000,0000,,Բայց սպասեք, ամեն ինչ մեկ տողի վրա է Dialogue: 0,0:03:47.87,0:03:50.32,Default,,0000,0000,0000,,ինչպե՞ս են այլմոլորակայիններ\Nիմանալու երբ կանգ առնեն 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,,Սովորաբար զննիչներն անտեսում են դրանք Dialogue: 0,0:03:57.05,0:03:59.14,Default,,0000,0000,0000,,և բցատները նույնպես անտեսվում են Dialogue: 0,0:03:59.32,0:04:01.65,Default,,0000,0000,0000,,եթե մենք ցանկանում ենք արտացոլոլ նոր տող Dialogue: 0,0:04:01.65,0:04:05.02,Default,,0000,0000,0000,,պետք է դա հատուկ նշենք օգտագործելով այլ թեգ Dialogue: 0,0:04:05.02,0:04:08.18,Default,,0000,0000,0000,,BR tag-ը Dialogue: 0,0:04:08.40,0:04:12.51,Default,,0000,0000,0000,,մենք կավելացնենք 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,,նկատու՞մ եք մի հետաքրքիր բան 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,,տողի ընդհատումը չի պարունակում ոչինչ Dialogue: 0,0:04:23.49,0:04:25.86,Default,,0000,0000,0000,,այսպիսով չկա ինչ-որ բան որից հետո այն պետք է վերջանա 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-ի հիմքերը 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,,Երբ պատրաստ կլինեք, կատարեք ձեր առաջին \NHTML-ի առաջադրանքը