WEBVTT

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

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

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

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

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

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

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

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

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

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

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

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

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

00:00:34.635 --> 00:00:36.399
Թեգն այս անկյունային

00:00:36.399 --> 00:00:38.314
փակագծերով սկսվող և

00:00:38.314 --> 00:00:40.684
դրանցով ավարտվող բաներն են

00:00:40.745 --> 00:00:42.346
կամ եթե դուք սիրում եք մաթեմատիկա

00:00:42.346 --> 00:00:45.383
կարող եք դրանց մասին մտածել որպես մեծի և փոքրի նշաններ

00:00:46.474 --> 00:00:48.356
Յուրաքանչյուր էջի առաջին թեգն այդ

00:00:48.356 --> 00:00:51.343
HTML թագն է, DOCTYPE-ի տակ

00:00:51.343 --> 00:00:53.871
Սա բացվող HTML թեգն է

00:00:53.871 --> 00:00:57.055
և ներքևում տեսնում եք փակվող HTML թեգը

00:00:57.055 --> 00:00:59.729
Որը նույնն է բացառությամբ այս սլեշ նշանի

00:00:59.729 --> 00:01:01.747
որը շատ կարևոր է

00:01:01.889 --> 00:01:05.147
HTML թեգը պետք է պարունակի կայքէջը կազմող

00:01:05.147 --> 00:01:07.354
յուրաքանչյուր թեգ

00:01:07.376 --> 00:01:11.051
Այս պատճառով մենք գրում ենք փակող HTML թեգն ամենավերջում

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

00:01:13.351 --> 00:01:15.099
բայց ոչ բոլորը

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

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

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

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

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

00:01:30.204 --> 00:01:31.885
Օրինակ, եթե դուք օգտագործում եք տարածված սիմվոլներ

00:01:31.885 --> 00:01:33.281
Օրինակ անգլերենի տառերը

00:01:33.281 --> 00:01:34.747
բայց ոչ ավելի դժվար արտացոլվող տառեր

00:01:34.747 --> 00:01:36.628
ինչպիսին են օրինակ արաբական տառերը

NOTE Paragraph

00:01:36.628 --> 00:01:39.618
ապա ձեզ հարկավոր meta charset-ը 
հավասար է utf-8

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

00:01:41.578 --> 00:01:45.009
որը զննիչն օգտագործում է էջի վեռնագիրը
որոշելու համար

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


00:01:47.623 --> 00:01:50.039
և որոնման արդյունքներում
երևացող բառն է

00:01:50.161 --> 00:01:53.430
Այստեղ Քան Ակադեմիայում, վեռնագիրը
երևում է մեր էջի վերևում

00:01:53.687 --> 00:01:55.544
Եկեք փոխենք վեռնագիրը

00:01:55.695 --> 00:01:59.348
Ես կպատրաստեմ ճագարներին նվիրված մի էջ

00:01:59.348 --> 00:02:01.914
Գրենք անգլերեն "All about rabbits"

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

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

00:02:08.149 --> 00:02:11.946
և մենք կարող ենք փակել head tag-ը
և անցնել հաջորդ թագերին

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

00:02:15.033 --> 00:02:17.805
Սա բավականին ձանձրալի է հիմա
միայն սկիզբն ու վերջը

00:02:18.081 --> 00:02:19.521
Ի՞նչ ավելացնեմ

00:02:19.521 --> 00:02:21.921
Քանի, որ պատրաստում ենք 
ճագարների մասին կայքէջ

00:02:21.921 --> 00:02:23.155
հավանաբար պետք է վերևում


00:02:23.155 --> 00:02:25.455
հայտարարել դա վեռնագրով

00:02:25.559 --> 00:02:28.656
Վեռնագիր ավելացնելու համար 
օգտագործում ենք H1 tag-ը

00:02:29.574 --> 00:02:33.154
All about rabbits, շատ լավ

00:02:33.154 --> 00:02:34.772
Իրականում մենք ունենք 6 թեգեր,


00:02:34.772 --> 00:02:38.441
որոնք կարող ենք օգտագործել վեռնագրերի
համար, H1 H2 H3 H4 H5 և H6

00:02:38.461 --> 00:02:41.153
H1-ն ամենակարևոր վեռնագրերի համար է

00:02:41.153 --> 00:02:43.358
իսկ H6-ը ամենաքիչ կարևոր

00:02:43.491 --> 00:02:45.682
եկեք ևս մի քանի վեռնագրեր ավելացնենք այլ 


00:02:45.696 --> 00:02:49.035
հատվածների համար։ Ես կօգտագործեմ H2-ը

00:02:49.035 --> 00:02:51.197
ավելի քիչ կարևոր մասերի համար

00:02:51.957 --> 00:02:55.469
և որոշ երգեր, ահա շատ լավ է

00:02:56.214 --> 00:02:58.240
Հիմա եկեք ավելացնենք մի քիչ տեղեկություն

00:02:58.402 --> 00:03:00.435
Ենթադրենք, որ իմ կայքէջի լսարանը

00:03:00.435 --> 00:03:03.934
այլմոլորակայիններ են, 
ովքեր երբեք չեն տեսել ճագարներ

00:03:03.934 --> 00:03:06.943
Նշանակում է, որ պետք է
ճագարների լավ բնութագիր տալ

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

00:03:10.396 --> 00:03:12.856
ինչպե՞ս կարելի է ստեղծել
պարբերություն HTML-ում

00:03:13.391 --> 00:03:16.049
Իհարկե P tag-ով

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

00:03:20.736 --> 00:03:22.633
պատճենում տեղեկությունը

00:03:22.633 --> 00:03:25.568
որպեսզի դուք ստիպված չլինեք տեսնել
թե ես ինչպես եմ այս ամենը

00:03:25.856 --> 00:03:27.116
տպում։ Ահա հիասքանչ է

00:03:27.699 --> 00:03:30.901
Հիմա այլմոլորակայիններին հարկավոր 
է ճագարների համար երգ

00:03:30.912 --> 00:03:33.170
և ես նրանց կտամ իմ ամենասիրելի
երգերից մեկի բառերը

00:03:33.170 --> 00:03:38.170
ևս մեկ անգամ օգտագործենք P tag-ը
և պատճենենք դրա մեջ երգը

00:03:39.521 --> 00:03:43.419
Little Bunny Fofoo շատ լավ երգ է

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

00:03:47.868 --> 00:03:50.315
ինչպե՞ս են այլմոլորակայիններ
իմանալու երբ կանգ առնեն

00:03:50.418 --> 00:03:51.660
Ինչու՞ զննիչը չարտացոլեց

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

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

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

00:03:59.318 --> 00:04:01.647
եթե մենք ցանկանում ենք արտացոլոլ նոր տող

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

00:04:05.022 --> 00:04:08.176
BR tag-ը

00:04:08.398 --> 00:04:12.513
մենք կավելացնենք BR ամեն տողից հետո

00:04:12.777 --> 00:04:14.885
հիմա ամեն ինչ հասկանալի է

00:04:15.440 --> 00:04:18.890
նկատու՞մ եք մի հետաքրքիր բան BR-ի վերաբերյալ

00:04:19.221 --> 00:04:20.851
չկա փակող թեգ

00:04:20.966 --> 00:04:21.938
եթե մտածենք դրա մասին

00:04:21.938 --> 00:04:23.492
տողի ընդհատումը չի պարունակում ոչինչ

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

00:04:26.006 --> 00:04:28.496
միայն բացվող թեգը բավարար է

00:04:29.062 --> 00:04:30.361
ահ մեզ մոտ ստացվեց

00:04:30.456 --> 00:04:32.704
Այլմոլորակայինները կսովորեն ճագարների մասին հիմնական բաներ

00:04:32.704 --> 00:04:35.883
իսկ դուք սովորեցիք HTML-ի հիմքերը

00:04:36.044 --> 00:04:37.158
Երբ ես կվերջացնեմ խոսելը

00:04:37.158 --> 00:04:39.915
մի փոքր զբաղվեք սրանով
և փորձեք փոփոխություններ անել

00:04:39.976 --> 00:04:43.658
Երբ պատրաստ կլինեք, կատարեք ձեր առաջին 
HTML-ի առաջադրանքը