WEBVTT

00:00:00.411 --> 00:00:01.835
ဝက်ဘ်စာမျက်နှာမှ
ကြိုဆိုပါတယ်

NOTE Paragraph

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

00:00:21.961 --> 00:00:24.603
ရေးထားကြောင်း
ဝက်ဘ် Browser ကို အသိပေးတာပါ

00:00:24.603 --> 00:00:27.530
ဒီဇိုင်းအဟောင်းနဲ့မဟုတ်ပါဘူး။

00:00:27.931 --> 00:00:31.026
နောက်တစ်ခုကတော့ Tag အကြောင်းပါ

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

00:00:38.314 --> 00:00:40.684
Tag ကို ထောင့်ချွန်ကွင်းနဲ့ ရေးပါတယ်

00:00:40.745 --> 00:00:42.346
သင်္ချာလိုတွေးရင်တော့

00:00:42.346 --> 00:00:45.383
ပိုကြီး၊ ပိုသေးသင်္ကေတတွေလို
ဖြစ်နေမှာပါ

00:00:46.474 --> 00:00:48.356
ဝက်ဘ်စာမျက်နှာတိုင်းရဲ့ 
ပထမဆုံး Tag က

00:00:48.356 --> 00:00:51.343
HTML tag ပါ

00:00:51.343 --> 00:00:53.871
ဒါက HTML tag အဖွင့်ဖြစ်ပြီး

00:00:53.871 --> 00:00:57.055
ဒါကတော့ အပိတ်ပါ။

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

00:01:05.147 --> 00:01:07.354
ဒီဝက်ဘ်စာမျက်နှာကို
တည်ဆောက်ရပါတယ်

00:01:07.376 --> 00:01:11.051
အဲ့ဒါကြောင့် အောက်ရောက်မှပဲ
ပိတ်ပါတယ်။

00:01:11.119 --> 00:01:13.351
အများအားဖြင့် အဖွင့်-အပိတ်
ရေးကြပေမယ့်

00:01:13.351 --> 00:01:15.099
အားလုံးတော့မဟုတ်ပါဘူး။

00:01:15.571 --> 00:01:19.176
နောက်တစ်ခုက 
HTML tag အောက်က

00:01:19.437 --> 00:01:22.146
Head tag အကြောင်းပါ။

00:01:22.146 --> 00:01:25.162
Browser ရဲ့ စာမျက်နှာကို
Render လုပ်ပေးပါတယ်

00:01:25.435 --> 00:01:27.885
ဒါပေမယ့် အသုံးပြုသူအနေနဲ့
မြင်ရမှာ မဟုတ်ပါဘူး။

00:01:27.885 --> 00:01:30.017
အောက်က meta tag ကြည့်ရင်
အသေးစိတ်သိရမှာပါ။

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
လွယ်ကူစေပါတယ်။

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

00:01:47.623 --> 00:01:50.039
Bookmarks နဲ့
ရှာဖွေမှုရလဒ်တွေအပြင်၊

00:01:50.161 --> 00:01:53.430
ခန်း အကယ်ဒမီရဲ့ ဝက်ဘ်စာမျက်နှာ
မှာလည်းခေါင်းစီးရှိပါတယ်

00:01:53.687 --> 00:01:55.544
အခု ခေါင်းစီးကို

00:01:55.695 --> 00:01:59.348
ယုန်များအကြောင်း
All about rabbits ဆိုပြီး

00:01:59.348 --> 00:02:01.914
ပြောင်းလိုက်မယ်

00:02:01.914 --> 00:02:04.923
Tab မှာလည်း လိုက်ပြောင်းမှာပါ

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

00:02:33.154 --> 00:02:34.772
တကယ်တော့ ခေါင်းစဉ်
Tags ခြောက်ခု

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

00:03:13.391 --> 00:03:16.049
P tag ကိုသုံးမှာပေါ့

00:03:16.470 --> 00:03:20.736
စာရိုက်ထည့်မနေတော့ဘဲ

00:03:20.736 --> 00:03:22.633
စာကိုအပိုဒ်လိုက် ကူးယူပြီး

00:03:22.633 --> 00:03:25.568
P tag ထဲမှာ ဖော်ပြလိုက်ရုံပဲ

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

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

00:03:57.052 --> 00:03:59.139
စာကြောင်းခွဲ၊ နေရာလပ်ကို
လျစ်လျူရှုထားတယ်

00:03:59.318 --> 00:04:01.647
အကယ်လို့ စာကြောင်းခွဲချင်ရင်

00:04:01.647 --> 00:04:05.022
အခြား tag ကို သုံးရတယ်

00:04:05.022 --> 00:04:08.176
အဲ့ဒါက BR tag
Break (စာကြောင်းခွဲ) တာပါ။

00:04:08.398 --> 00:04:12.513
အဲ့တော့ စာကြောင်းတိုင်းရဲ့နောက်မှာ
BR tags လိုက်ထည့်မယ်။

00:04:12.777 --> 00:04:14.885
အခု သီချင်းစာသားပုံပေါ်သွားပြီ။

00:04:15.440 --> 00:04:18.890
BR tag ရဲ့ ထူးခြားချက်ကို
သတိထားမိလား?

00:04:19.221 --> 00:04:20.851
Tag အပိတ်မပါတာပဲ။

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

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