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
ဒီစာမျက်နှာကို
HTML အသစ်နဲ့

10
00:00:21,961 --> 00:00:24,603
ရေးထားကြောင်း
ဝက်ဘ် Browser ကို အသိပေးတာပါ

11
00:00:24,603 --> 00:00:27,530
ဒီဇိုင်းအဟောင်းနဲ့မဟုတ်ပါဘူး။

12
00:00:27,931 --> 00:00:31,026
နောက်တစ်ခုကတော့ Tag အကြောင်းပါ

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
Tags တွေနဲ့ တည်ဆောက်ထားတာပါ

16
00:00:38,314 --> 00:00:40,684
Tag ကို ထောင့်ချွန်ကွင်းနဲ့ ရေးပါတယ်

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
ဝက်ဘ်စာမျက်နှာတိုင်းရဲ့ 
ပထမဆုံး Tag က

20
00:00:48,356 --> 00:00:51,343
HTML tag ပါ

21
00:00:51,343 --> 00:00:53,871
ဒါက HTML tag အဖွင့်ဖြစ်ပြီး

22
00:00:53,871 --> 00:00:57,055
ဒါကတော့ အပိတ်ပါ။

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 tag နဲ့ဖွင့်ပြီးရင်
အခြားသော tags များနဲ့

26
00:01:05,147 --> 00:01:07,354
ဒီဝက်ဘ်စာမျက်နှာကို
တည်ဆောက်ရပါတယ်

27
00:01:07,376 --> 00:01:11,051
အဲ့ဒါကြောင့် အောက်ရောက်မှပဲ
ပိတ်ပါတယ်။

28
00:01:11,119 --> 00:01:13,351
အများအားဖြင့် အဖွင့်-အပိတ်
ရေးကြပေမယ့်

29
00:01:13,351 --> 00:01:15,099
အားလုံးတော့မဟုတ်ပါဘူး။

30
00:01:15,571 --> 00:01:19,176
နောက်တစ်ခုက 
HTML tag အောက်က

31
00:01:19,437 --> 00:01:22,146
Head tag အကြောင်းပါ။

32
00:01:22,146 --> 00:01:25,162
Browser ရဲ့ စာမျက်နှာကို
Render လုပ်ပေးပါတယ်

33
00:01:25,435 --> 00:01:27,885
ဒါပေမယ့် အသုံးပြုသူအနေနဲ့
မြင်ရမှာ မဟုတ်ပါဘူး။

34
00:01:27,885 --> 00:01:30,017
အောက်က meta tag ကြည့်ရင်
အသေးစိတ်သိရမှာပါ။

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
Browser ရဲ့ Tab နာမည်တွေ၊

43
00:01:47,623 --> 00:01:50,039
Bookmarks နဲ့
ရှာဖွေမှုရလဒ်တွေအပြင်၊

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
ယုန်များအကြောင်း
All about rabbits ဆိုပြီး

47
00:01:59,348 --> 00:02:01,914
ပြောင်းလိုက်မယ်

48
00:02:01,914 --> 00:02:04,923
Tab မှာလည်း လိုက်ပြောင်းမှာပါ

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
ရေးလိုက်ပါပြီ

59
00:02:33,154 --> 00:02:34,772
တကယ်တော့ ခေါင်းစဉ်
Tags ခြောက်ခု

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
ဆိုတော့ ဘယ်လိုလုပ်ရမလဲ?

73
00:03:13,391 --> 00:03:16,049
P tag ကိုသုံးမှာပေါ့

74
00:03:16,470 --> 00:03:20,736
စာရိုက်ထည့်မနေတော့ဘဲ

75
00:03:20,736 --> 00:03:22,633
စာကိုအပိုဒ်လိုက် ကူးယူပြီး

76
00:03:22,633 --> 00:03:25,568
P tag ထဲမှာ ဖော်ပြလိုက်ရုံပဲ

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
ကောင်းလိုက်တဲ့ သီချင်းတစ်ပုဒ်ပဲ

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
တစ်ကယ်တော့ HTML မှာ
browsers က

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
အခြား tag ကို သုံးရတယ်

90
00:04:05,022 --> 00:04:08,176
အဲ့ဒါက BR tag
Break (စာကြောင်းခွဲ) တာပါ။

91
00:04:08,398 --> 00:04:12,513
အဲ့တော့ စာကြောင်းတိုင်းရဲ့နောက်မှာ
BR tags လိုက်ထည့်မယ်။

92
00:04:12,777 --> 00:04:14,885
အခု သီချင်းစာသားပုံပေါ်သွားပြီ။

93
00:04:15,440 --> 00:04:18,890
BR tag ရဲ့ ထူးခြားချက်ကို
သတိထားမိလား?

94
00:04:19,221 --> 00:04:20,851
Tag အပိတ်မပါတာပဲ။

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
အဖွင့် tag ပဲ လိုတာပါ။

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 စိန်ခေါ်မှုစလိုက်ရအောင်