0:00:00.411,0:00:01.835
Բարի գալուստ մեր կայքէջ

0:00:01.835,0:00:04.059
Գիտեմ որ սա անյնքան էլ գրավիչ կայքէջ չէ

0:00:04.059,0:00:07.477
Այն ամբողջովին դատարկա է, բայց ամեն կայքէջ այդպես է սկսվում

0:00:07.477,0:00:10.166
և ես Ձեզ շուտով ցույց կտամ, թե ինչպես կարելի է կառուցել էջ

0:00:10.275,0:00:11.681
Բայց առաջին հերթին եկեք

0:00:11.681,0:00:14.860
ուսումնասիրենք դատարկ էջի կմախքը

0:00:15.389,0:00:16.944
Ամեն կայքէջ սկսվում է

0:00:16.944,0:00:20.384
այս, վերևում երևացող տողով, DOCTYPE-ով

0:00:20.562,0:00:21.961
այն տեղեկացնում է զննիչին, որ

0:00:21.961,0:00:24.603
այս կայքէջը գրված է ժամանակակից HTML-ով

0:00:24.603,0:00:27.530
այլ ոչ hին ու տաօրինակ HTML-ով

0:00:27.931,0:00:31.026
Հիմա նայենք էջի առաջին թեգին

0:00:31.026,0:00:34.582
HTML-ն ամբողջությամբ հիմնված է թեգերի վրա

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
կամ եթե դուք սիրում եք մաթեմատիկա

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
և ներքևում տեսնում եք փակվող 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 թեգն ամենավերջում

0:01:11.119,0:01:13.351
HTML թեգերից շատերն այսպես զույգերով են օգտագործվում

0:01:13.351,0:01:15.099
բայց ոչ բոլորը

0:01:15.571,0:01:19.176
HTML-ի տակ միշտ կա head թեգ

0:01:19.437,0:01:22.146
Այն պարունակում է թեգեր, որոնք օգնում են զննիչին արտացոլել էջը

0:01:22.146,0:01:25.162
բայց չի պարունակում օգտատիրոջ համար տեսանելի բաներ

0:01:25.435,0:01:27.885
Սա meta թեգն է, որը ցույց է տալիս զննիչին

0:01:27.885,0:01:30.017
ավելի շատ տեղեկություն, արտացոլման համար

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
ապա ձեզ հարկավոր meta charset-ը [br]հավասար է utf-8

0:01:40.100,0:01:41.578
հետո տեսնում ենք title tag-ը

0:01:41.578,0:01:45.009
որը զննիչն օգտագործում է էջի վեռնագիրը[br]որոշելու համար

0:01:45.212,0:01:47.623
Սա զննիչի վերևում գտնվող tab-ի, էջանիշերի վրա[br]

0:01:47.623,0:01:50.039
և որոնման արդյունքներում[br]երևացող բառն է

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
Գրենք անգլերեն "All about rabbits"

0:02:01.914,0:02:04.923
և դուք կարող եք տեսնել, [br]թե այն ինչպես է փոխվում

0:02:05.539,0:02:08.149
Լավ մենք վերջացրինք այս հատվածը

0:02:08.149,0:02:11.946
և մենք կարող ենք փակել head tag-ը[br]և անցնել հաջորդ թագերին

0:02:11.946,0:02:14.809
Ամենե ինչ կատարվելու է body tag-ում

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
Քանի, որ պատրաստում ենք [br]ճագարների մասին կայքէջ

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
Վեռնագիր ավելացնելու համար [br]օգտագործում ենք H1 tag-ը

0:02:29.574,0:02:33.154
All about rabbits, շատ լավ

0:02:33.154,0:02:34.772
Իրականում մենք ունենք 6 թեգեր,[br]

0:02:34.772,0:02:38.441
որոնք կարող ենք օգտագործել վեռնագրերի[br]համար, 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
Նշանակում է, որ պետք է[br]ճագարների լավ բնութագիր տալ

0:03:07.100,0:03:10.174
և ինձ պետք է տեղեկության մի պարբերություն

0:03:10.396,0:03:12.856
ինչպե՞ս կարելի է ստեղծել[br]պարբերություն HTML-ում

0:03:13.391,0:03:16.049
Իհարկե P tag-ով

0:03:16.470,0:03:20.736
մենք դնում ենք P tag-ը և ուղակի

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
ևս մեկ անգամ օգտագործենք P tag-ը[br]և պատճենենք դրա մեջ երգը

0:03:39.521,0:03:43.419
Little Bunny Fofoo շատ լավ երգ է

0:03:43.572,0:03:47.672
Բայց սպասեք, ամեն ինչ մեկ տողի վրա է

0:03:47.868,0:03:50.315
ինչպե՞ս են այլմոլորակայիններ[br]իմանալու երբ կանգ առնեն

0:03:50.418,0:03:51.660
Ինչու՞ զննիչը չարտացոլեց

0:03:51.660,0:03:54.092
տողերի ընդհատումները որոնք ես նշել եմ

0:03:54.350,0:03:57.052
Սովորաբար զննիչներն անտեսում են դրանք

0:03:57.052,0:03:59.139
և բցատները նույնպես անտեսվում են

0:03:59.318,0:04:01.647
եթե մենք ցանկանում ենք արտացոլոլ նոր տող

0:04:01.647,0:04:05.022
պետք է դա հատուկ նշենք օգտագործելով այլ թեգ

0:04:05.022,0:04:08.176
BR tag-ը

0:04:08.398,0:04:12.513
մենք կավելացնենք BR ամեն տողից հետո

0:04:12.777,0:04:14.885
հիմա ամեն ինչ հասկանալի է

0:04:15.440,0:04:18.890
նկատու՞մ եք մի հետաքրքիր բան 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
տողի ընդհատումը չի պարունակում ոչինչ

0:04:23.492,0:04:25.861
այսպիսով չկա ինչ-որ բան որից հետո այն պետք է վերջանա

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-ի հիմքերը

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-ի առաջադրանքը