24/04/2022
HTML
Hypertext Markup Language ဆိုတာက Web Browser ပေါ်မှာ Content တွေကို ပြပေးဖို့ အတွက် သုံးတဲ့ Standard Language ပဲဖြစ်ပါတယ်…
ဒီ Language ကိုအသုံးပြုပြီးတော့ ကိုယ်လိုချင်တဲ့ Webpage တွေကို ပုံဖေါ်ပေးလို့ ရပါတယ်…
စစချင်းမှာ HTML ရေးဖို့အတွက် html ဆိုတဲ့ extension ကိုအသုံးပြုပြီးတော့ create လုပ်ရပါတယ်… ပြီးရင်ကြိုက်နှစ်သက်ရာ Editor တခုခုကို အသုံးပြုပြီးတော့ HTML code တွေကို ရိုက်ထည့်ရပါမယ်…
အောက်ကvideo ထဲမှာတော့ Visual Studio Code (VS code) ကိုအသုံးပြုထားပါတယ်…
နောက်ပြီး အဲဒီ video ထဲမှာ ပြထားတဲ့အတိုင်း လိုက်လုပ်ကြည့်ကြမယ်နော်…
အခုကစပြီးတော့ HTML Code ကို အနည်းငယ်ရှင်းပြပါမယ်
HTML ဖိုင်တွေက ဆိုပြီး စတင်ကြေငြာပေးရပါတယ်… အဓိပ္ပါယ်ကတော့ ဒါသည် HTML Document ဖြစ်ကြောင်းကို Browser သိအောင် ပြောပြခြင်းသာ ဖြစ်ပါတယ်… အဲဒီနောက်မှာ tag တွေက Keyword သဘောမျိုးပါ… ရည်ရွယ်ချက်ကတော့ Browser ကို Content တွေပြသပေးရာမှာတော့ ဘယ်လိုပုံစံမျိုးနဲ့ ပြသပေးရမယ်ဆိုတာပါ (ဥပမာ . စာပုဒ်၊ ပုံ၊ ခေါင်းစဉ် စသည်)
HTML tag မှာဆိုရင်တော့ အပိုင်းအားဖြင့် ၃ ပိုင်းပါပါတယ်…
Opening tag
Content
Closing tag
တို့ပဲ ဖြစ်ပါတယ်…
Video ထဲမှာပါတဲ့ ပထမဆုံး tag ဖြစ်တဲ့ … ကတော့ HTML Document ရဲ့ root ပဲဖြစ်ပါတယ်… နဲ့ လို tag တွေကလွဲလို့ ကျန် HTML code တွေနဲ့ Content တွေတော်တော်များများကို ဒီ tag ထဲမှာထည့်ရေးရမှာပါ…
နောက်မှာပါတဲ့ … တော့ metadata (data တွေအကြောင်းကို ညွှန်းဆိုထားတဲ့ data လို့ အလွယ်ပြောကြပါစို့) ကိုဒီနေရာမှာ Browser သိအောင် ပြောပြရတာပါ…
အဲဒီနောက်မှာတော့ … tag လာပါတယ်… body လို့ပြောတဲ့အတိုင်းပါပဲ… ဒီအထဲမှာ စာတွေ ပုံတွေ သီချင်းတွေ ဗွီဒီယိုတွေ အစရှိသဖြင့် Content တွေကို ထည့်သွင်းရေးရပါတယ်… ဒီ tag မှာ အခြားသော tag တွေအများကြီး ထည့်သွင်းရေးရတာပါ…
နမူနာအနေနဲ့တော့ … tag နဲ့ … tag ပဲ ထည့်သွင်းပြထားပါတယ်… … ဆိုတာကတော့ paragraph ကို ရည်ညွှန်းတာပါ…
… ဆိုတာကတော့ စာလုံးရဲ့ size ကို ရည်ညွှန်းတာပါ… h1, h2, h3, h4, h5 and h6 စသဖြင့် အမျိုးမျိုး ပြောင်းလဲပြီး စမ်းသပ်ကြည့်လို့ ရပါတယ် …
ဒီမှာတော့ HTML intro လေးကို ဒီမှာပဲ ရပ်နားပါရစေ…
နောက် post တွေမှာလည်း ကျန်တဲ့ အပိုင်းတွေကို ဆက်လက် ရှင်းပြမှာမို့လို့ Like & Share လုပ်ထားကြဖို့ မမေ့ကြပါနဲ့ ဦးဗျ…