0:00:00.411,0:00:01.835
ဝက်ဘ်စာမျက်နှာမှ[br]ကြိုဆိုပါတယ်

0:00:01.835,0:00:04.059
စာမျက်နှာက ဗလာကြီးဆိုတော့[br]ငြီးငွေ့စရာပဲပေါ့

0:00:04.059,0:00:07.477
ဒါပေမယ့် ဝက်ဘ်စာမျက်နှာတိုင်းက[br]ဒီလိုပဲ အစပျိုးခဲ့ကြရတာပါ

0:00:07.477,0:00:10.166
အခု ဝက်ဘ်စာမျက်နှာ တည်ဆောက်ပုံကို[br]သရုပ်ပြသွားပါမယ်

0:00:10.275,0:00:11.681
ပထမဦးဆုံး[br]ဝက်ဘ်စာမျက်နှာရဲ့

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

0:00:21.961,0:00:24.603
ရေးထားကြောင်း[br]ဝက်ဘ် Browser ကို အသိပေးတာပါ

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

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

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

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

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

0:00:42.346,0:00:45.383
ပိုကြီး၊ ပိုသေးသင်္ကေတတွေလို[br]ဖြစ်နေမှာပါ

0:00:46.474,0:00:48.356
ဝက်ဘ်စာမျက်နှာတိုင်းရဲ့ [br]ပထမဆုံး Tag က

0:00:48.356,0:00:51.343
HTML tag ပါ

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

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

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

0:01:05.147,0:01:07.354
ဒီဝက်ဘ်စာမျက်နှာကို[br]တည်ဆောက်ရပါတယ်

0:01:07.376,0:01:11.051
အဲ့ဒါကြောင့် အောက်ရောက်မှပဲ[br]ပိတ်ပါတယ်။

0:01:11.119,0:01:13.351
အများအားဖြင့် အဖွင့်-အပိတ်[br]ရေးကြပေမယ့်

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

0:01:15.571,0:01:19.176
နောက်တစ်ခုက [br]HTML tag အောက်က

0:01:19.437,0:01:22.146
Head tag အကြောင်းပါ။

0:01:22.146,0:01:25.162
Browser ရဲ့ စာမျက်နှာကို[br]Render လုပ်ပေးပါတယ်

0:01:25.435,0:01:27.885
ဒါပေမယ့် အသုံးပြုသူအနေနဲ့[br]မြင်ရမှာ မဟုတ်ပါဘူး။

0:01:27.885,0:01:30.017
အောက်က meta tag ကြည့်ရင်[br]အသေးစိတ်သိရမှာပါ။

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

0:01:47.623,0:01:50.039
Bookmarks နဲ့[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
ယုန်များအကြောင်း[br]All about rabbits ဆိုပြီး

0:01:59.348,0:02:01.914
ပြောင်းလိုက်မယ်

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

0:02:05.539,0:02:08.149
ကောင်းပြီ။ အခုဒီလောက်နဲ့

0:02:08.149,0:02:11.946
Head tag ကို ပိတ်ပြီ။

0:02:11.946,0:02:14.809
နောက် Body tag အကြောင်းကို[br]ဆက်သွားရအောင်။

0:02:15.033,0:02:17.805
အခုဆို နည်းနည်းလောက်တော့[br]ပျင်းနေလောက်ရောပေါ့

0:02:18.081,0:02:19.521
ဟုတ်ပြီ၊ ဘာဆက်ရေး[br]ရင်ကောင်းမလဲ?

0:02:19.521,0:02:21.921
အခုက ယုန်တွေအကြောင်း[br]ဝက်ဘ်စာမျက်နှာ

0:02:21.921,0:02:23.155
ရေးနေတာဆိုတော့

0:02:23.155,0:02:25.455
ခေါင်းစဉ်ကြီးတစ်ခု တပ်လိုက်ပါမယ်

0:02:25.559,0:02:28.656
h1 Tag သုံးပြီး

0:02:29.574,0:02:33.154
ရေးလိုက်ပါပြီ

0:02:33.154,0:02:34.772
တကယ်တော့ ခေါင်းစဉ်[br]Tags ခြောက်ခု

0:02:34.772,0:02:38.441
h1, h2, h3, [br]h4, h5, h6 အထိ

0:02:38.461,0:02:41.153
သုံးနိုင်ပါတယ်။[br]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
ပြီးတော့ သီချင်းအနည်းငယ် [br]ထပ်ထည့်မယ်။

0:02:56.214,0:02:58.240
အချက်အလက်အနည်းငယ်[br]ထပ်ထည့်မယ်။

0:02:58.402,0:03:00.435
ဒီဝက်ဒ်စာမျက်နှာကို[br]ယုန် မမြင်ဖူးသူတွေအတွက်

0:03:00.435,0:03:03.934
ရည်ရွယ်လိုက်ရအောင်

0:03:03.934,0:03:06.943
ဆိုတော့ ယုန်အကြောင်းကို[br]ရှင်းအောင် ဖော်ပြရပါမယ်

0:03:07.100,0:03:10.174
တကယ်တော့ စာတွေကို[br]စာပိုဒ်နဲ့ပြဖို့လိုတယ်

0:03:10.396,0:03:12.856
ဆိုတော့ ဘယ်လိုလုပ်ရမလဲ?

0:03:13.391,0:03:16.049
P tag ကိုသုံးမှာပေါ့

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

0:03:20.736,0:03:22.633
စာကိုအပိုဒ်လိုက် ကူးယူပြီး

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

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
ထပ်ထည့်လိုက်မယ်။

0:03:33.170,0:03:38.170
သီချင်းကိုအပိုဒ်လိုက်[br]P tag နဲ့ ကူးထည့်လိုက်မယ်။

0:03:39.521,0:03:43.419
ကောင်းလိုက်တဲ့ သီချင်းတစ်ပုဒ်ပဲ

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

0:03:57.052,0:03:59.139
စာကြောင်းခွဲ၊ နေရာလပ်ကို[br]လျစ်လျူရှုထားတယ်

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

0:04:01.647,0:04:05.022
အခြား tag ကို သုံးရတယ်

0:04:05.022,0:04:08.176
အဲ့ဒါက BR tag[br]Break (စာကြောင်းခွဲ) တာပါ။

0:04:08.398,0:04:12.513
အဲ့တော့ စာကြောင်းတိုင်းရဲ့နောက်မှာ[br]BR tags လိုက်ထည့်မယ်။

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

0:04:15.440,0:04:18.890
BR tag ရဲ့ ထူးခြားချက်ကို[br]သတိထားမိလား?

0:04:19.221,0:04:20.851
Tag အပိတ်မပါတာပဲ။

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

0:04:29.062,0:04:30.361
ဒီလောက်ပါပဲ။

0:04:30.456,0:04:32.704
ယုန်အကြောင်းကို[br]မသိတဲ့သူတွေလည်း သိလောက်ပြီ

0:04:32.704,0:04:35.883
သင်လည်း HTML ရဲ့[br]အခြေခံကို ရလောက်ရောပေါ့။

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