[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.41,0:00:01.84,Default,,0000,0000,0000,,ဝက်ဘ်စာမျက်နှာမှ\Nကြိုဆိုပါတယ် Dialogue: 0,0:00:01.84,0:00:04.06,Default,,0000,0000,0000,,စာမျက်နှာက ဗလာကြီးဆိုတော့\Nငြီးငွေ့စရာပဲပေါ့ Dialogue: 0,0:00:04.06,0:00:07.48,Default,,0000,0000,0000,,ဒါပေမယ့် ဝက်ဘ်စာမျက်နှာတိုင်းက\Nဒီလိုပဲ အစပျိုးခဲ့ကြရတာပါ Dialogue: 0,0:00:07.48,0:00:10.17,Default,,0000,0000,0000,,အခု ဝက်ဘ်စာမျက်နှာ တည်ဆောက်ပုံကို\Nသရုပ်ပြသွားပါမယ် Dialogue: 0,0:00:10.28,0:00:11.68,Default,,0000,0000,0000,,ပထမဦးဆုံး\Nဝက်ဘ်စာမျက်နှာရဲ့ Dialogue: 0,0:00:11.68,0:00:14.86,Default,,0000,0000,0000,,အခြေခံအချက်များကို ပြပါမယ်။ Dialogue: 0,0:00:15.39,0:00:16.94,Default,,0000,0000,0000,,ဝက်ဘ်စာမျက်နှာတိုင်းရဲ့ အစမှာ Dialogue: 0,0:00:16.94,0:00:20.38,Default,,0000,0000,0000,,DOCTYPE လို့ရေးထားတာက Dialogue: 0,0:00:20.56,0:00:21.96,Default,,0000,0000,0000,,ဒီစာမျက်နှာကို\NHTML အသစ်နဲ့ Dialogue: 0,0:00:21.96,0:00:24.60,Default,,0000,0000,0000,,ရေးထားကြောင်း\Nဝက်ဘ် Browser ကို အသိပေးတာပါ Dialogue: 0,0:00:24.60,0:00:27.53,Default,,0000,0000,0000,,ဒီဇိုင်းအဟောင်းနဲ့မဟုတ်ပါဘူး။ Dialogue: 0,0:00:27.93,0:00:31.03,Default,,0000,0000,0000,,နောက်တစ်ခုကတော့ Tag အကြောင်းပါ Dialogue: 0,0:00:31.03,0:00:34.58,Default,,0000,0000,0000,,HTML က စာမျက်နှာတစ်ခုနှင့်တစ်ခုကို Dialogue: 0,0:00:34.64,0:00:36.40,Default,,0000,0000,0000,,ချိတ်ဆက်ပေးတဲ့ နည်းပညာဖြစ်ပြီး Dialogue: 0,0:00:36.40,0:00:38.31,Default,,0000,0000,0000,,Tags တွေနဲ့ တည်ဆောက်ထားတာပါ Dialogue: 0,0:00:38.31,0:00:40.68,Default,,0000,0000,0000,,Tag ကို ထောင့်ချွန်ကွင်းနဲ့ ရေးပါတယ် Dialogue: 0,0:00:40.74,0:00:42.35,Default,,0000,0000,0000,,သင်္ချာလိုတွေးရင်တော့ Dialogue: 0,0:00:42.35,0:00:45.38,Default,,0000,0000,0000,,ပိုကြီး၊ ပိုသေးသင်္ကေတတွေလို\Nဖြစ်နေမှာပါ Dialogue: 0,0:00:46.47,0:00:48.36,Default,,0000,0000,0000,,ဝက်ဘ်စာမျက်နှာတိုင်းရဲ့ \Nပထမဆုံး Tag က Dialogue: 0,0:00:48.36,0:00:51.34,Default,,0000,0000,0000,,HTML tag ပါ Dialogue: 0,0:00:51.34,0:00:53.87,Default,,0000,0000,0000,,ဒါက HTML tag အဖွင့်ဖြစ်ပြီး Dialogue: 0,0:00:53.87,0:00:57.06,Default,,0000,0000,0000,,ဒါကတော့ အပိတ်ပါ။ Dialogue: 0,0:00:57.06,0:00:59.73,Default,,0000,0000,0000,,အပိတ်မှာ မျဉ်းစောင်းခံပြီးပိတ်ဖို့ Dialogue: 0,0:00:59.73,0:01:01.75,Default,,0000,0000,0000,,သိပ်အရေးကြီးပါတယ်။ Dialogue: 0,0:01:01.89,0:01:05.15,Default,,0000,0000,0000,,HTML tag နဲ့ဖွင့်ပြီးရင်\Nအခြားသော tags များနဲ့ Dialogue: 0,0:01:05.15,0:01:07.35,Default,,0000,0000,0000,,ဒီဝက်ဘ်စာမျက်နှာကို\Nတည်ဆောက်ရပါတယ် Dialogue: 0,0:01:07.38,0:01:11.05,Default,,0000,0000,0000,,အဲ့ဒါကြောင့် အောက်ရောက်မှပဲ\Nပိတ်ပါတယ်။ Dialogue: 0,0:01:11.12,0:01:13.35,Default,,0000,0000,0000,,အများအားဖြင့် အဖွင့်-အပိတ်\Nရေးကြပေမယ့် Dialogue: 0,0:01:13.35,0:01:15.10,Default,,0000,0000,0000,,အားလုံးတော့မဟုတ်ပါဘူး။ Dialogue: 0,0:01:15.57,0:01:19.18,Default,,0000,0000,0000,,နောက်တစ်ခုက \NHTML tag အောက်က Dialogue: 0,0:01:19.44,0:01:22.15,Default,,0000,0000,0000,,Head tag အကြောင်းပါ။ Dialogue: 0,0:01:22.15,0:01:25.16,Default,,0000,0000,0000,,Browser ရဲ့ စာမျက်နှာကို\NRender လုပ်ပေးပါတယ် Dialogue: 0,0:01:25.44,0:01:27.88,Default,,0000,0000,0000,,ဒါပေမယ့် အသုံးပြုသူအနေနဲ့\Nမြင်ရမှာ မဟုတ်ပါဘူး။ Dialogue: 0,0:01:27.88,0:01:30.02,Default,,0000,0000,0000,,အောက်က meta tag ကြည့်ရင်\Nအသေးစိတ်သိရမှာပါ။ Dialogue: 0,0:01:30.20,0:01:31.88,Default,,0000,0000,0000,,ဥပမာ - အင်္ဂလိပ်ဘာသာရပ်မှ Dialogue: 0,0:01:31.88,0:01:33.28,Default,,0000,0000,0000,,သုံးနေကျ စကားလုံးတွေကို Dialogue: 0,0:01:33.28,0:01:34.75,Default,,0000,0000,0000,,အာရဗီဘာသာ ပြန်ဆိုတဲ့အခါ Dialogue: 0,0:01:34.75,0:01:36.63,Default,,0000,0000,0000,,လွယ်ကူစေပါတယ်။ Dialogue: 0,0:01:36.63,0:01:39.62,Default,,0000,0000,0000,,အခု meta charset မှာ\Nutf-8 လို့ရေးရပါမယ်။ Dialogue: 0,0:01:40.10,0:01:41.58,Default,,0000,0000,0000,,နောက် Title tag ကတော့ Dialogue: 0,0:01:41.58,0:01:45.01,Default,,0000,0000,0000,,ဝက်ဘ်စာမျက်နှာကို\Nခေါင်းစီးတပ်တာပါ Dialogue: 0,0:01:45.21,0:01:47.62,Default,,0000,0000,0000,,Browser ရဲ့ Tab နာမည်တွေ၊ Dialogue: 0,0:01:47.62,0:01:50.04,Default,,0000,0000,0000,,Bookmarks နဲ့\Nရှာဖွေမှုရလဒ်တွေအပြင်၊ Dialogue: 0,0:01:50.16,0:01:53.43,Default,,0000,0000,0000,,ခန်း အကယ်ဒမီရဲ့ ဝက်ဘ်စာမျက်နှာ\Nမှာလည်းခေါင်းစီးရှိပါတယ် Dialogue: 0,0:01:53.69,0:01:55.54,Default,,0000,0000,0000,,အခု ခေါင်းစီးကို Dialogue: 0,0:01:55.70,0:01:59.35,Default,,0000,0000,0000,,ယုန်များအကြောင်း\NAll about rabbits ဆိုပြီး Dialogue: 0,0:01:59.35,0:02:01.91,Default,,0000,0000,0000,,ပြောင်းလိုက်မယ် Dialogue: 0,0:02:01.91,0:02:04.92,Default,,0000,0000,0000,,Tab မှာလည်း လိုက်ပြောင်းမှာပါ Dialogue: 0,0:02:05.54,0:02:08.15,Default,,0000,0000,0000,,ကောင်းပြီ။ အခုဒီလောက်နဲ့ Dialogue: 0,0:02:08.15,0:02:11.95,Default,,0000,0000,0000,,Head tag ကို ပိတ်ပြီ။ Dialogue: 0,0:02:11.95,0:02:14.81,Default,,0000,0000,0000,,နောက် Body tag အကြောင်းကို\Nဆက်သွားရအောင်။ Dialogue: 0,0:02:15.03,0:02:17.80,Default,,0000,0000,0000,,အခုဆို နည်းနည်းလောက်တော့\Nပျင်းနေလောက်ရောပေါ့ Dialogue: 0,0:02:18.08,0:02:19.52,Default,,0000,0000,0000,,ဟုတ်ပြီ၊ ဘာဆက်ရေး\Nရင်ကောင်းမလဲ? Dialogue: 0,0:02:19.52,0:02:21.92,Default,,0000,0000,0000,,အခုက ယုန်တွေအကြောင်း\Nဝက်ဘ်စာမျက်နှာ Dialogue: 0,0:02:21.92,0:02:23.16,Default,,0000,0000,0000,,ရေးနေတာဆိုတော့ Dialogue: 0,0:02:23.16,0:02:25.46,Default,,0000,0000,0000,,ခေါင်းစဉ်ကြီးတစ်ခု တပ်လိုက်ပါမယ် Dialogue: 0,0:02:25.56,0:02:28.66,Default,,0000,0000,0000,,h1 Tag သုံးပြီး Dialogue: 0,0:02:29.57,0:02:33.15,Default,,0000,0000,0000,,ရေးလိုက်ပါပြီ Dialogue: 0,0:02:33.15,0:02:34.77,Default,,0000,0000,0000,,တကယ်တော့ ခေါင်းစဉ်\NTags ခြောက်ခု Dialogue: 0,0:02:34.77,0:02:38.44,Default,,0000,0000,0000,,h1, h2, h3, \Nh4, h5, h6 အထိ Dialogue: 0,0:02:38.46,0:02:41.15,Default,,0000,0000,0000,,သုံးနိုင်ပါတယ်။\Nh1 က အကြီးဆုံးဖြစ်ပြီး Dialogue: 0,0:02:41.15,0:02:43.36,Default,,0000,0000,0000,,h6 ကတော့ အငယ်ဆုံးပါ။ Dialogue: 0,0:02:43.49,0:02:45.68,Default,,0000,0000,0000,,ခေါင်းစဉ်နည်းနည်း\Nထပ်ထည့်ပါရစေ Dialogue: 0,0:02:45.70,0:02:49.04,Default,,0000,0000,0000,,h2 ကို ခေါင်းစဉ်ငယ်အဖြစ် Dialogue: 0,0:02:49.04,0:02:51.20,Default,,0000,0000,0000,,သုံးပါမယ်။ Dialogue: 0,0:02:51.96,0:02:55.47,Default,,0000,0000,0000,,ပြီးတော့ သီချင်းအနည်းငယ် \Nထပ်ထည့်မယ်။ Dialogue: 0,0:02:56.21,0:02:58.24,Default,,0000,0000,0000,,အချက်အလက်အနည်းငယ်\Nထပ်ထည့်မယ်။ Dialogue: 0,0:02:58.40,0:03:00.44,Default,,0000,0000,0000,,ဒီဝက်ဒ်စာမျက်နှာကို\Nယုန် မမြင်ဖူးသူတွေအတွက် Dialogue: 0,0:03:00.44,0:03:03.93,Default,,0000,0000,0000,,ရည်ရွယ်လိုက်ရအောင် Dialogue: 0,0:03:03.93,0:03:06.94,Default,,0000,0000,0000,,ဆိုတော့ ယုန်အကြောင်းကို\Nရှင်းအောင် ဖော်ပြရပါမယ် Dialogue: 0,0:03:07.10,0:03:10.17,Default,,0000,0000,0000,,တကယ်တော့ စာတွေကို\Nစာပိုဒ်နဲ့ပြဖို့လိုတယ် Dialogue: 0,0:03:10.40,0:03:12.86,Default,,0000,0000,0000,,ဆိုတော့ ဘယ်လိုလုပ်ရမလဲ? Dialogue: 0,0:03:13.39,0:03:16.05,Default,,0000,0000,0000,,P tag ကိုသုံးမှာပေါ့ Dialogue: 0,0:03:16.47,0:03:20.74,Default,,0000,0000,0000,,စာရိုက်ထည့်မနေတော့ဘဲ Dialogue: 0,0:03:20.74,0:03:22.63,Default,,0000,0000,0000,,စာကိုအပိုဒ်လိုက် ကူးယူပြီး Dialogue: 0,0:03:22.63,0:03:25.57,Default,,0000,0000,0000,,P tag ထဲမှာ ဖော်ပြလိုက်ရုံပဲ Dialogue: 0,0:03:25.86,0:03:27.12,Default,,0000,0000,0000,,လှသွားပြီ။ Dialogue: 0,0:03:27.70,0:03:30.90,Default,,0000,0000,0000,,ကောင်းပြီ၊ အခုထပ်ပြီး\Nသီချင်းစာသားလေး Dialogue: 0,0:03:30.91,0:03:33.17,Default,,0000,0000,0000,,ထပ်ထည့်လိုက်မယ်။ Dialogue: 0,0:03:33.17,0:03:38.17,Default,,0000,0000,0000,,သီချင်းကိုအပိုဒ်လိုက်\NP tag နဲ့ ကူးထည့်လိုက်မယ်။ Dialogue: 0,0:03:39.52,0:03:43.42,Default,,0000,0000,0000,,ကောင်းလိုက်တဲ့ သီချင်းတစ်ပုဒ်ပဲ Dialogue: 0,0:03:43.57,0:03:47.67,Default,,0000,0000,0000,,အဲနေဦး… Dialogue: 0,0:03:47.87,0:03:50.32,Default,,0000,0000,0000,,စာသားတွေကို\Nတစ်လိုင်းထဲမှာ ပြနေတယ် Dialogue: 0,0:03:50.42,0:03:51.66,Default,,0000,0000,0000,,စာသားတွေက Dialogue: 0,0:03:51.66,0:03:54.09,Default,,0000,0000,0000,,ဘာကြောင့်လိုက်မဆင်းသလဲ? Dialogue: 0,0:03:54.35,0:03:57.05,Default,,0000,0000,0000,,တစ်ကယ်တော့ HTML မှာ\Nbrowsers က Dialogue: 0,0:03:57.05,0:03:59.14,Default,,0000,0000,0000,,စာကြောင်းခွဲ၊ နေရာလပ်ကို\Nလျစ်လျူရှုထားတယ် Dialogue: 0,0:03:59.32,0:04:01.65,Default,,0000,0000,0000,,အကယ်လို့ စာကြောင်းခွဲချင်ရင် Dialogue: 0,0:04:01.65,0:04:05.02,Default,,0000,0000,0000,,အခြား tag ကို သုံးရတယ် Dialogue: 0,0:04:05.02,0:04:08.18,Default,,0000,0000,0000,,အဲ့ဒါက BR tag\NBreak (စာကြောင်းခွဲ) တာပါ။ Dialogue: 0,0:04:08.40,0:04:12.51,Default,,0000,0000,0000,,အဲ့တော့ စာကြောင်းတိုင်းရဲ့နောက်မှာ\NBR tags လိုက်ထည့်မယ်။ Dialogue: 0,0:04:12.78,0:04:14.88,Default,,0000,0000,0000,,အခု သီချင်းစာသားပုံပေါ်သွားပြီ။ Dialogue: 0,0:04:15.44,0:04:18.89,Default,,0000,0000,0000,,BR tag ရဲ့ ထူးခြားချက်ကို\Nသတိထားမိလား? Dialogue: 0,0:04:19.22,0:04:20.85,Default,,0000,0000,0000,,Tag အပိတ်မပါတာပဲ။ Dialogue: 0,0:04:20.97,0:04:21.94,Default,,0000,0000,0000,,စာကြောင်းခွဲဖို့ပဲ Dialogue: 0,0:04:21.94,0:04:23.49,Default,,0000,0000,0000,,သုံးတာဆိုတော့ Dialogue: 0,0:04:23.49,0:04:25.86,Default,,0000,0000,0000,,အပိတ်မလိုတော့ဘူး။ Dialogue: 0,0:04:26.01,0:04:28.50,Default,,0000,0000,0000,,အဖွင့် tag ပဲ လိုတာပါ။ Dialogue: 0,0:04:29.06,0:04:30.36,Default,,0000,0000,0000,,ဒီလောက်ပါပဲ။ Dialogue: 0,0:04:30.46,0:04:32.70,Default,,0000,0000,0000,,ယုန်အကြောင်းကို\Nမသိတဲ့သူတွေလည်း သိလောက်ပြီ Dialogue: 0,0:04:32.70,0:04:35.88,Default,,0000,0000,0000,,သင်လည်း HTML ရဲ့\Nအခြေခံကို ရလောက်ရောပေါ့။ Dialogue: 0,0:04:36.04,0:04:37.16,Default,,0000,0000,0000,,ဒီသင်ခန်းစာကို Dialogue: 0,0:04:37.16,0:04:39.92,Default,,0000,0000,0000,,အနည်းငယ်ပြောင်းပြီး\Nစမ်းသပ်လေ့ကျင့်ပါ။ Dialogue: 0,0:04:39.98,0:04:43.66,Default,,0000,0000,0000,,သင်အဆင်သင့်ဖြစ်ရင် ပထမဆုံး\NHTML စိန်ခေါ်မှုစလိုက်ရအောင်