Return to Video

HTML အခြေခံများ (ဗီဒီယို ဗားရှင်း)

  • 0:00 - 0:02
    ဝက်ဘ်စာမျက်နှာမှ
    ကြိုဆိုပါတယ်
  • 0:02 - 0:04
    စာမျက်နှာက ဗလာကြီးဆိုတော့
    ငြီးငွေ့စရာပဲပေါ့
  • 0:04 - 0:07
    ဒါပေမယ့် ဝက်ဘ်စာမျက်နှာတိုင်းက
    ဒီလိုပဲ အစပျိုးခဲ့ကြရတာပါ
  • 0:07 - 0:10
    အခု ဝက်ဘ်စာမျက်နှာ တည်ဆောက်ပုံကို
    သရုပ်ပြသွားပါမယ်
  • 0:10 - 0:12
    ပထမဦးဆုံး
    ဝက်ဘ်စာမျက်နှာရဲ့
  • 0:12 - 0:15
    အခြေခံအချက်များကို ပြပါမယ်။
  • 0:15 - 0:17
    ဝက်ဘ်စာမျက်နှာတိုင်းရဲ့ အစမှာ
  • 0:17 - 0:20
    DOCTYPE လို့ရေးထားတာက
  • 0:21 - 0:22
    ဒီစာမျက်နှာကို
    HTML အသစ်နဲ့
  • 0:22 - 0:25
    ရေးထားကြောင်း
    ဝက်ဘ် Browser ကို အသိပေးတာပါ
  • 0:25 - 0:28
    ဒီဇိုင်းအဟောင်းနဲ့မဟုတ်ပါဘူး။
  • 0:28 - 0:31
    နောက်တစ်ခုကတော့ Tag အကြောင်းပါ
  • 0:31 - 0:35
    HTML က စာမျက်နှာတစ်ခုနှင့်တစ်ခုကို
  • 0:35 - 0:36
    ချိတ်ဆက်ပေးတဲ့ နည်းပညာဖြစ်ပြီး
  • 0:36 - 0:38
    Tags တွေနဲ့ တည်ဆောက်ထားတာပါ
  • 0:38 - 0:41
    Tag ကို ထောင့်ချွန်ကွင်းနဲ့ ရေးပါတယ်
  • 0:41 - 0:42
    သင်္ချာလိုတွေးရင်တော့
  • 0:42 - 0:45
    ပိုကြီး၊ ပိုသေးသင်္ကေတတွေလို
    ဖြစ်နေမှာပါ
  • 0:46 - 0:48
    ဝက်ဘ်စာမျက်နှာတိုင်းရဲ့
    ပထမဆုံး Tag က
  • 0:48 - 0:51
    HTML tag ပါ
  • 0:51 - 0:54
    ဒါက HTML tag အဖွင့်ဖြစ်ပြီး
  • 0:54 - 0:57
    ဒါကတော့ အပိတ်ပါ။
  • 0:57 - 1:00
    အပိတ်မှာ မျဉ်းစောင်းခံပြီးပိတ်ဖို့
  • 1:00 - 1:02
    သိပ်အရေးကြီးပါတယ်။
  • 1:02 - 1:05
    HTML tag နဲ့ဖွင့်ပြီးရင်
    အခြားသော tags များနဲ့
  • 1:05 - 1:07
    ဒီဝက်ဘ်စာမျက်နှာကို
    တည်ဆောက်ရပါတယ်
  • 1:07 - 1:11
    အဲ့ဒါကြောင့် အောက်ရောက်မှပဲ
    ပိတ်ပါတယ်။
  • 1:11 - 1:13
    အများအားဖြင့် အဖွင့်-အပိတ်
    ရေးကြပေမယ့်
  • 1:13 - 1:15
    အားလုံးတော့မဟုတ်ပါဘူး။
  • 1:16 - 1:19
    နောက်တစ်ခုက
    HTML tag အောက်က
  • 1:19 - 1:22
    Head tag အကြောင်းပါ။
  • 1:22 - 1:25
    Browser ရဲ့ စာမျက်နှာကို
    Render လုပ်ပေးပါတယ်
  • 1:25 - 1:28
    ဒါပေမယ့် အသုံးပြုသူအနေနဲ့
    မြင်ရမှာ မဟုတ်ပါဘူး။
  • 1:28 - 1:30
    အောက်က meta tag ကြည့်ရင်
    အသေးစိတ်သိရမှာပါ။
  • 1:30 - 1:32
    ဥပမာ - အင်္ဂလိပ်ဘာသာရပ်မှ
  • 1:32 - 1:33
    သုံးနေကျ စကားလုံးတွေကို
  • 1:33 - 1:35
    အာရဗီဘာသာ ပြန်ဆိုတဲ့အခါ
  • 1:35 - 1:37
    လွယ်ကူစေပါတယ်။
  • 1:37 - 1:40
    အခု meta charset မှာ
    utf-8 လို့ရေးရပါမယ်။
  • 1:40 - 1:42
    နောက် Title tag ကတော့
  • 1:42 - 1:45
    ဝက်ဘ်စာမျက်နှာကို
    ခေါင်းစီးတပ်တာပါ
  • 1:45 - 1:48
    Browser ရဲ့ Tab နာမည်တွေ၊
  • 1:48 - 1:50
    Bookmarks နဲ့
    ရှာဖွေမှုရလဒ်တွေအပြင်၊
  • 1:50 - 1:53
    ခန်း အကယ်ဒမီရဲ့ ဝက်ဘ်စာမျက်နှာ
    မှာလည်းခေါင်းစီးရှိပါတယ်
  • 1:54 - 1:56
    အခု ခေါင်းစီးကို
  • 1:56 - 1:59
    ယုန်များအကြောင်း
    All about rabbits ဆိုပြီး
  • 1:59 - 2:02
    ပြောင်းလိုက်မယ်
  • 2:02 - 2:05
    Tab မှာလည်း လိုက်ပြောင်းမှာပါ
  • 2:06 - 2:08
    ကောင်းပြီ။ အခုဒီလောက်နဲ့
  • 2:08 - 2:12
    Head tag ကို ပိတ်ပြီ။
  • 2:12 - 2:15
    နောက် Body tag အကြောင်းကို
    ဆက်သွားရအောင်။
  • 2:15 - 2:18
    အခုဆို နည်းနည်းလောက်တော့
    ပျင်းနေလောက်ရောပေါ့
  • 2:18 - 2:20
    ဟုတ်ပြီ၊ ဘာဆက်ရေး
    ရင်ကောင်းမလဲ?
  • 2:20 - 2:22
    အခုက ယုန်တွေအကြောင်း
    ဝက်ဘ်စာမျက်နှာ
  • 2:22 - 2:23
    ရေးနေတာဆိုတော့
  • 2:23 - 2:25
    ခေါင်းစဉ်ကြီးတစ်ခု တပ်လိုက်ပါမယ်
  • 2:26 - 2:29
    h1 Tag သုံးပြီး
  • 2:30 - 2:33
    ရေးလိုက်ပါပြီ
  • 2:33 - 2:35
    တကယ်တော့ ခေါင်းစဉ်
    Tags ခြောက်ခု
  • 2:35 - 2:38
    h1, h2, h3,
    h4, h5, h6 အထိ
  • 2:38 - 2:41
    သုံးနိုင်ပါတယ်။
    h1 က အကြီးဆုံးဖြစ်ပြီး
  • 2:41 - 2:43
    h6 ကတော့ အငယ်ဆုံးပါ။
  • 2:43 - 2:46
    ခေါင်းစဉ်နည်းနည်း
    ထပ်ထည့်ပါရစေ
  • 2:46 - 2:49
    h2 ကို ခေါင်းစဉ်ငယ်အဖြစ်
  • 2:49 - 2:51
    သုံးပါမယ်။
  • 2:52 - 2:55
    ပြီးတော့ သီချင်းအနည်းငယ်
    ထပ်ထည့်မယ်။
  • 2:56 - 2:58
    အချက်အလက်အနည်းငယ်
    ထပ်ထည့်မယ်။
  • 2:58 - 3:00
    ဒီဝက်ဒ်စာမျက်နှာကို
    ယုန် မမြင်ဖူးသူတွေအတွက်
  • 3:00 - 3:04
    ရည်ရွယ်လိုက်ရအောင်
  • 3:04 - 3:07
    ဆိုတော့ ယုန်အကြောင်းကို
    ရှင်းအောင် ဖော်ပြရပါမယ်
  • 3:07 - 3:10
    တကယ်တော့ စာတွေကို
    စာပိုဒ်နဲ့ပြဖို့လိုတယ်
  • 3:10 - 3:13
    ဆိုတော့ ဘယ်လိုလုပ်ရမလဲ?
  • 3:13 - 3:16
    P tag ကိုသုံးမှာပေါ့
  • 3:16 - 3:21
    စာရိုက်ထည့်မနေတော့ဘဲ
  • 3:21 - 3:23
    စာကိုအပိုဒ်လိုက် ကူးယူပြီး
  • 3:23 - 3:26
    P tag ထဲမှာ ဖော်ပြလိုက်ရုံပဲ
  • 3:26 - 3:27
    လှသွားပြီ။
  • 3:28 - 3:31
    ကောင်းပြီ၊ အခုထပ်ပြီး
    သီချင်းစာသားလေး
  • 3:31 - 3:33
    ထပ်ထည့်လိုက်မယ်။
  • 3:33 - 3:38
    သီချင်းကိုအပိုဒ်လိုက်
    P tag နဲ့ ကူးထည့်လိုက်မယ်။
  • 3:40 - 3:43
    ကောင်းလိုက်တဲ့ သီချင်းတစ်ပုဒ်ပဲ
  • 3:44 - 3:48
    အဲနေဦး…
  • 3:48 - 3:50
    စာသားတွေကို
    တစ်လိုင်းထဲမှာ ပြနေတယ်
  • 3:50 - 3:52
    စာသားတွေက
  • 3:52 - 3:54
    ဘာကြောင့်လိုက်မဆင်းသလဲ?
  • 3:54 - 3:57
    တစ်ကယ်တော့ HTML မှာ
    browsers က
  • 3:57 - 3:59
    စာကြောင်းခွဲ၊ နေရာလပ်ကို
    လျစ်လျူရှုထားတယ်
  • 3:59 - 4:02
    အကယ်လို့ စာကြောင်းခွဲချင်ရင်
  • 4:02 - 4:05
    အခြား tag ကို သုံးရတယ်
  • 4:05 - 4:08
    အဲ့ဒါက BR tag
    Break (စာကြောင်းခွဲ) တာပါ။
  • 4:08 - 4:13
    အဲ့တော့ စာကြောင်းတိုင်းရဲ့နောက်မှာ
    BR tags လိုက်ထည့်မယ်။
  • 4:13 - 4:15
    အခု သီချင်းစာသားပုံပေါ်သွားပြီ။
  • 4:15 - 4:19
    BR tag ရဲ့ ထူးခြားချက်ကို
    သတိထားမိလား?
  • 4:19 - 4:21
    Tag အပိတ်မပါတာပဲ။
  • 4:21 - 4:22
    စာကြောင်းခွဲဖို့ပဲ
  • 4:22 - 4:23
    သုံးတာဆိုတော့
  • 4:23 - 4:26
    အပိတ်မလိုတော့ဘူး။
  • 4:26 - 4:28
    အဖွင့် tag ပဲ လိုတာပါ။
  • 4:29 - 4:30
    ဒီလောက်ပါပဲ။
  • 4:30 - 4:33
    ယုန်အကြောင်းကို
    မသိတဲ့သူတွေလည်း သိလောက်ပြီ
  • 4:33 - 4:36
    သင်လည်း HTML ရဲ့
    အခြေခံကို ရလောက်ရောပေါ့။
  • 4:36 - 4:37
    ဒီသင်ခန်းစာကို
  • 4:37 - 4:40
    အနည်းငယ်ပြောင်းပြီး
    စမ်းသပ်လေ့ကျင့်ပါ။
  • 4:40 - 4:44
    သင်အဆင်သင့်ဖြစ်ရင် ပထမဆုံး
    HTML စိန်ခေါ်မှုစလိုက်ရအောင်
Title:
HTML အခြေခံများ (ဗီဒီယို ဗားရှင်း)
Description:

ကွန်ပျူတာပရိုဂရမ်ရေးခြင်း
HTML/CSS မိတ်ဆက် - ဝက်ဘ်စာမျက်နှာများ
တည်ဆောက်ခြင်း
more » « less
Video Language:
English
Duration:
04:44

Burmese subtitles

Revisions

Our website uses cookies for analysis purposes.