1
00:00:00,411 --> 00:00:01,835
Բարի գալուստ մեր կայքէջ

2
00:00:01,835 --> 00:00:04,059
Գիտեմ որ սա անյնքան էլ գրավիչ կայքէջ չէ

3
00:00:04,059 --> 00:00:07,477
Այն ամբողջովին դատարկա է, բայց ամեն կայքէջ այդպես է սկսվում

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

5
00:00:10,275 --> 00:00:11,681
Բայց առաջին հերթին եկեք

6
00:00:11,681 --> 00:00:14,860
ուսումնասիրենք դատարկ էջի կմախքը

7
00:00:15,389 --> 00:00:16,944
Ամեն կայքէջ սկսվում է

8
00:00:16,944 --> 00:00:20,384
այս, վերևում երևացող տողով, DOCTYPE-ով

9
00:00:20,562 --> 00:00:21,961
այն տեղեկացնում է զննիչին, որ

10
00:00:21,961 --> 00:00:24,603
այս կայքէջը գրված է ժամանակակից HTML-ով

11
00:00:24,603 --> 00:00:27,530
այլ ոչ hին ու տաօրինակ HTML-ով

12
00:00:27,931 --> 00:00:31,026
Հիմա նայենք էջի առաջին թեգին

13
00:00:31,026 --> 00:00:34,582
HTML-ն ամբողջությամբ հիմնված է թեգերի վրա

14
00:00:34,635 --> 00:00:36,399
Թեգն այս անկյունային

15
00:00:36,399 --> 00:00:38,314
փակագծերով սկսվող և

16
00:00:38,314 --> 00:00:40,684
դրանցով ավարտվող բաներն են

17
00:00:40,745 --> 00:00:42,346
կամ եթե դուք սիրում եք մաթեմատիկա

18
00:00:42,346 --> 00:00:45,383
կարող եք դրանց մասին մտածել որպես մեծի և փոքրի նշաններ

19
00:00:46,474 --> 00:00:48,356
Յուրաքանչյուր էջի առաջին թեգն այդ

20
00:00:48,356 --> 00:00:51,343
HTML թագն է, DOCTYPE-ի տակ

21
00:00:51,343 --> 00:00:53,871
Սա բացվող HTML թեգն է

22
00:00:53,871 --> 00:00:57,055
և ներքևում տեսնում եք փակվող HTML թեգը

23
00:00:57,055 --> 00:00:59,729
Որը նույնն է բացառությամբ այս սլեշ նշանի

24
00:00:59,729 --> 00:01:01,747
որը շատ կարևոր է

25
00:01:01,889 --> 00:01:05,147
HTML թեգը պետք է պարունակի կայքէջը կազմող

26
00:01:05,147 --> 00:01:07,354
յուրաքանչյուր թեգ

27
00:01:07,376 --> 00:01:11,051
Այս պատճառով մենք գրում ենք փակող HTML թեգն ամենավերջում

28
00:01:11,119 --> 00:01:13,351
HTML թեգերից շատերն այսպես զույգերով են օգտագործվում

29
00:01:13,351 --> 00:01:15,099
բայց ոչ բոլորը

30
00:01:15,571 --> 00:01:19,176
HTML-ի տակ միշտ կա head թեգ

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

32
00:01:22,146 --> 00:01:25,162
բայց չի պարունակում օգտատիրոջ համար տեսանելի բաներ

33
00:01:25,435 --> 00:01:27,885
Սա meta թեգն է, որը ցույց է տալիս զննիչին

34
00:01:27,885 --> 00:01:30,017
ավելի շատ տեղեկություն, արտացոլման համար

35
00:01:30,204 --> 00:01:31,885
Օրինակ, եթե դուք օգտագործում եք տարածված սիմվոլներ

36
00:01:31,885 --> 00:01:33,281
Օրինակ անգլերենի տառերը

37
00:01:33,281 --> 00:01:34,747
բայց ոչ ավելի դժվար արտացոլվող տառեր

38
00:01:34,747 --> 00:01:36,628
ինչպիսին են օրինակ արաբական տառերը

39
00:01:36,628 --> 00:01:39,618
ապա ձեզ հարկավոր meta charset-ը 
հավասար է utf-8

40
00:01:40,100 --> 00:01:41,578
հետո տեսնում ենք title tag-ը

41
00:01:41,578 --> 00:01:45,009
որը զննիչն օգտագործում է էջի վեռնագիրը
որոշելու համար

42
00:01:45,212 --> 00:01:47,623
Սա զննիչի վերևում գտնվող tab-ի, էջանիշերի վրա


43
00:01:47,623 --> 00:01:50,039
և որոնման արդյունքներում
երևացող բառն է

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

45
00:01:53,687 --> 00:01:55,544
Եկեք փոխենք վեռնագիրը

46
00:01:55,695 --> 00:01:59,348
Ես կպատրաստեմ ճագարներին նվիրված մի էջ

47
00:01:59,348 --> 00:02:01,914
Գրենք անգլերեն "All about rabbits"

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

49
00:02:05,539 --> 00:02:08,149
Լավ մենք վերջացրինք այս հատվածը

50
00:02:08,149 --> 00:02:11,946
և մենք կարող ենք փակել head tag-ը
և անցնել հաջորդ թագերին

51
00:02:11,946 --> 00:02:14,809
Ամենե ինչ կատարվելու է body tag-ում

52
00:02:15,033 --> 00:02:17,805
Սա բավականին ձանձրալի է հիմա
միայն սկիզբն ու վերջը

53
00:02:18,081 --> 00:02:19,521
Ի՞նչ ավելացնեմ

54
00:02:19,521 --> 00:02:21,921
Քանի, որ պատրաստում ենք 
ճագարների մասին կայքէջ

55
00:02:21,921 --> 00:02:23,155
հավանաբար պետք է վերևում


56
00:02:23,155 --> 00:02:25,455
հայտարարել դա վեռնագրով

57
00:02:25,559 --> 00:02:28,656
Վեռնագիր ավելացնելու համար 
օգտագործում ենք H1 tag-ը

58
00:02:29,574 --> 00:02:33,154
All about rabbits, շատ լավ

59
00:02:33,154 --> 00:02:34,772
Իրականում մենք ունենք 6 թեգեր,


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

61
00:02:38,461 --> 00:02:41,153
H1-ն ամենակարևոր վեռնագրերի համար է

62
00:02:41,153 --> 00:02:43,358
իսկ H6-ը ամենաքիչ կարևոր

63
00:02:43,491 --> 00:02:45,682
եկեք ևս մի քանի վեռնագրեր ավելացնենք այլ 


64
00:02:45,696 --> 00:02:49,035
հատվածների համար։ Ես կօգտագործեմ H2-ը

65
00:02:49,035 --> 00:02:51,197
ավելի քիչ կարևոր մասերի համար

66
00:02:51,957 --> 00:02:55,469
և որոշ երգեր, ահա շատ լավ է

67
00:02:56,214 --> 00:02:58,240
Հիմա եկեք ավելացնենք մի քիչ տեղեկություն

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

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

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

71
00:03:07,100 --> 00:03:10,174
և ինձ պետք է տեղեկության մի պարբերություն

72
00:03:10,396 --> 00:03:12,856
ինչպե՞ս կարելի է ստեղծել
պարբերություն HTML-ում

73
00:03:13,391 --> 00:03:16,049
Իհարկե P tag-ով

74
00:03:16,470 --> 00:03:20,736
մենք դնում ենք P tag-ը և ուղակի

75
00:03:20,736 --> 00:03:22,633
պատճենում տեղեկությունը

76
00:03:22,633 --> 00:03:25,568
որպեսզի դուք ստիպված չլինեք տեսնել
թե ես ինչպես եմ այս ամենը

77
00:03:25,856 --> 00:03:27,116
տպում։ Ահա հիասքանչ է

78
00:03:27,699 --> 00:03:30,901
Հիմա այլմոլորակայիններին հարկավոր 
է ճագարների համար երգ

79
00:03:30,912 --> 00:03:33,170
և ես նրանց կտամ իմ ամենասիրելի
երգերից մեկի բառերը

80
00:03:33,170 --> 00:03:38,170
ևս մեկ անգամ օգտագործենք P tag-ը
և պատճենենք դրա մեջ երգը

81
00:03:39,521 --> 00:03:43,419
Little Bunny Fofoo շատ լավ երգ է

82
00:03:43,572 --> 00:03:47,672
Բայց սպասեք, ամեն ինչ մեկ տողի վրա է

83
00:03:47,868 --> 00:03:50,315
ինչպե՞ս են այլմոլորակայիններ
իմանալու երբ կանգ առնեն

84
00:03:50,418 --> 00:03:51,660
Ինչու՞ զննիչը չարտացոլեց

85
00:03:51,660 --> 00:03:54,092
տողերի ընդհատումները որոնք ես նշել եմ

86
00:03:54,350 --> 00:03:57,052
Սովորաբար զննիչներն անտեսում են դրանք

87
00:03:57,052 --> 00:03:59,139
և բցատները նույնպես անտեսվում են

88
00:03:59,318 --> 00:04:01,647
եթե մենք ցանկանում ենք արտացոլոլ նոր տող

89
00:04:01,647 --> 00:04:05,022
պետք է դա հատուկ նշենք օգտագործելով այլ թեգ

90
00:04:05,022 --> 00:04:08,176
BR tag-ը

91
00:04:08,398 --> 00:04:12,513
մենք կավելացնենք BR ամեն տողից հետո

92
00:04:12,777 --> 00:04:14,885
հիմա ամեն ինչ հասկանալի է

93
00:04:15,440 --> 00:04:18,890
նկատու՞մ եք մի հետաքրքիր բան BR-ի վերաբերյալ

94
00:04:19,221 --> 00:04:20,851
չկա փակող թեգ

95
00:04:20,966 --> 00:04:21,938
եթե մտածենք դրա մասին

96
00:04:21,938 --> 00:04:23,492
տողի ընդհատումը չի պարունակում ոչինչ

97
00:04:23,492 --> 00:04:25,861
այսպիսով չկա ինչ-որ բան որից հետո այն պետք է վերջանա

98
00:04:26,006 --> 00:04:28,496
միայն բացվող թեգը բավարար է

99
00:04:29,062 --> 00:04:30,361
ահ մեզ մոտ ստացվեց

100
00:04:30,456 --> 00:04:32,704
Այլմոլորակայինները կսովորեն ճագարների մասին հիմնական բաներ

101
00:04:32,704 --> 00:04:35,883
իսկ դուք սովորեցիք HTML-ի հիմքերը

102
00:04:36,044 --> 00:04:37,158
Երբ ես կվերջացնեմ խոսելը

103
00:04:37,158 --> 00:04:39,915
մի փոքր զբաղվեք սրանով
և փորձեք փոփոխություններ անել

104
00:04:39,976 --> 00:04:43,658
Երբ պատրաստ կլինեք, կատարեք ձեր առաջին 
HTML-ի առաջադրանքը