HTML ကိုသုံးပြီးပုံတစ်ပုံအရွယ်အစားကိုချုံ့နေဆဲ

အဆိုပါ HTML ကိုပုံရိပ်ရဲ့အရွယ်အစား ပုံရဲ့ width နဲ့ height ကိုပြောင်းလဲသုံးနိုငျတဲ့ဖြစ်ရပ်ဆန်းဖြစ်ပါတယ်။ HTML ကိုဒီ attribute ကိုအသုံးပြုသူများလည်းဆိုက်အတွင်းပေါင်းစည်းခဲ့ပြီးသောပုံရိပ်ရဲ့အရွယ်အစားကန့်သတ်ခွင့်ပြုထားသည်။ ဖွံ့ဖြိုးရေးဘာသာစကားက HTML ဖြစ်ခြင်း execute ရန်လွယ်ကူရန်ဖြစ်ပါသည်နှင့်ထို့ကြောင့်အကြောင်းမဲ့ကိစ္စမှာရှိသမျှကိုအသုံးပြုသူများအတွက်ကြီးမားတဲ့သဘောတူညီချက်မဟုတ်ပါဘူး။ ဒါဟာအသုံးပြုသူသူနည်းပညာပါးရည်နပ်ရည်မပါလျှင်နက်ရှိုင်းသောဘာသာရပ်သို့ delve ရန်လိုအပ်နေသည်ဟုမှတ်ချက်ချခံရဖို့လည်းဖြစ်ပါတယ်။ လွယ်ကူသောဘာသာစကားသော်လည်း HTML ကိုဒါပေမယ့် code တွေရဲ့ကွပ်မျက်များအတွက်ကျွမ်းကျင်အဆင့်ကိုလိုအပ်သည်။ အဆိုပါပုံရိပ်ရဲ့အရွယ်အစားအဖြစ်ဆက်စပ် attribute တွေကိုလည်း HTML ကိုအတူ embedded သော CSS ကိုသုံးပြီးပြောင်းလဲသွားနိုင်ပါတယ်။ ဒီသင်ခန်းစာတစ်ခုပုံရိပ်ဆိုဒ်ပြောင်းရန်အဖြစ် HTML ကို အသုံးပြု. ၎င်း၏ကန့်သတ်သတ်မှတ်ထားဖို့ဘယ်လိုအသုံးပြုသူများသင်ပေးပါလိမ့်မယ်။

အပိုင်း 1 က HTML ကဘာလဲ?

က Hyper စာသား Markup Language ကိုအတိုကောက်အရာက HTML ဝက်ဘ်ဆိုက်များဖွံ့ဖြိုးရန်အသုံးပြုသော programming language ဖြစ်သည်။ ဒါဟာအမြဲ Java Script နဲ့ CSS နှင့်အတူပေါင်းစပ်အသုံးပြုသည်။ ဒါဟာအစမိုဘိုင်း application များနှင့် GUI ကိုလိုအပ်သောအစီအစဉ်များအတွက် interfaces ကိုဖန်တီးရန်အသုံးပြုသည်။ ကကမ္ဘာ၏အကောင်းဆုံးနှင့်လူသုံးအများဆုံးဘာသာစကားများတစ်ခုဖြစ်သည် World Wide Web ကိုတီထွင်။ အစပိုင်းမှာဘာသာစကားကိုယခုနှစ် 1993 ခုနှစ်မှာဖြန့်ချိခဲ့ပြီးစတင်ဖွဲ့စည်းစဉ်ကတည်းကပါကလျှင်မြန်စွာကိုအကောင်းဆုံးဘာသာစကားများတဦးဖြစ်ဖွံ့ဖြိုးခဲ့သည်။ ဘာသာစကား၏ပထမဦးဆုံး version ကို SGML နှင့် XHTML ကတိုးချဲ့ခဲ့ပြီးသောနောက်ဆုံးပေါ်ဗားရှင်းအဖြစ်အမည်ရှိ၏။ ရုပ်တုဆင်းတုများ၏အရွယ်အစားပြောင်းမှတ်ဉာဏ်သိမ်းပိုက်၏စည်းကမ်းချက်များ၌ပုံရဲ့အရွယ်အစားကိုပြောင်းလဲဘယ်တော့မှကြောင်းဆိုလိုသည်။ အဲဒီအစားသူကပြောင်းလဲသွားတယ်တံ့သော pixels ကိုတိုင်းတာသောပုံရိပ်ကိုအမှန်တကယ်အရွယ်အစားဖြစ်ပါတယ်။ အဆိုပါ HTM L ကိုလူကြိုက်အများဆုံး language တစ်ခုဖြစ်ပါတယ်နှင့်ထိုကြောင့်ထိုအမြဲတမ်းအသုံးပြုသူများသည်ပထမဦးဆုံးရွေးချယ်မှုဖြစ်ပါတယ်။

အပိုင်း 2 က HTML ၏ကောင်းကျိုးများ

က HTML ၏အားသာချက်များကိုတခြားနေရာကိုတွေ့ခံရဖို့ခဲယဉ်းသောသူများဖြစ်ကြ၏။ ဒါဟာအစအကောင်းဆုံးနှင့်လူသုံးအများဆုံးပရိုဂရမ်ဘာသာစကားတွေတစ်ခုဖြစ်ပါသည်။ ဤအပိုင်းကိုအတွက် HTML ကိုနှင့်ဆက်စပ်အားသာချက်များကိုအပြည့်အဝရှင်းပြပါလိမ့်မည်။

• အဆိုပါ HTML ကိုတစ်ဦးအလွန်အပြန်အလှန် language တစ်ခုဖြစ်ပါတယ်။ ထိုကဲ့သို့သော Facebook, Twitter နဲ့ပင်ကို Google အဖြစ်အဓိကပလက်ဖောင်းသူတို့ရဲ့နိုင်တဲ့ coding ပေါင်းစည်းဖို့ဘာသာစကားအသုံးပြုသူများဖြစ်ကြသည်။ ဤသည်ဘာသာစကားအရှင်လူကြိုက်အများဆုံးနှင့်အများဆုံးအသုံးများကြောင်း language တစ်ခုဖြစ်ပါတယ်။
• က HTML ၏ code ကအရမ်း, သပ်သပ်ရပ်ရပ်သန့်ရှင်းနားလည်ပေးနိုင်ပါတယ်။ ထို့ကြောင့်အသုံးပြုကြိုက်တတ်တဲ့သော coder တွေ၏ထိပ်တန်းဦးစားပေးဖြစ်ပါသည်။ နောက်ဆုံးပေါ် HTML ကို 5 element ကလာမယ့်အဆင့်အထိစိတ်ကူးခေါ်ဆောင်သွားသောတစ်ခုဖြစ်သည်။
  
• အဆိုပါဝေါဟာရအသုံးအနှုံးမဆိုပြဿနာမရှိဘဲပြုအလုပ်ရသူများဖြစ်ကြသည်။ က HTML 5 ၏ဒြပ်စင်အသီးအသီးကတခြားကနေသီးခြားသောသူများဖြစ်ကြ၏။ ဒါဟာဒြပ်စင်၏ရည်ရွယ်ချက်အလွန်ရှင်းလင်းစွာတွေ့မြင်နိုင်ပါသည်ဆိုလိုသည်။ code ကိုတပြိုင်နက်ရလဒ်များ၏ရည်ရွယ်ချက်မှာအသုံးပြုသူများအတွက်သန့်ရှင်းရှင်းရှင်းလင်းလင်းဖြစ်လာသည်စာရင်းစစ်ဆေးခဲ့တာဖြစ်ပါတယ်။
• ဘာသာစကား၏ output ကိုတသမတ်တည်းဖြစ်ပါတယ်။ ဝက်ဘ်စာမျက်နှာလိုအပ်ချက်များနှင့်အညီမပါလျှင်၎င်းသည်ထို့ကြောင့်အသုံးပြုသူများကိုအနည်းငယ်သာအလုပ်လုပ်ဖို့လိုအပ်ပါတယ်။ အဆိုပါဒီဇိုင်နာများသည်ဘာသာစကားချမှတ်ရန်လည်းလွယ်ကူသည်နှင့်ထိုကြောင့်ထိုထိုကဲ့သို့သောရည်ရွယ်ချက်များအတွက်အများဆုံးအသုံးများဖြစ်ပါတယ်။
• က HTML ၏ open source ဖြစ်ပြီးသဘာဝအသုံးပြုသူများကိုဆွဲဆောင်သောအရာတစ်ခုခုသည်။ အဆိုပါ tools များအဖြစ်နည်းစနစ်ကိုသုံးပါနှင့် download လုပ်ရန်အခမဲ့ဖြစ်ကြသည်။ အဆိုပါပေါင်းစည်းမှုထို့ကြောင့်တသမတ်တည်းနှင့်သုံးစွဲသူများကတောင်းဆိုချက်များနှင့်အညီဖြစ်ပါတယ်။
• အဆိုပါဖောက်သည်နှင့် geolocation ထောက်ခံမှုခပ်သိမ်းသောကာလ၏လူကြိုက်အများဆုံးဘာသာစကားများတဦးအဖြစ်က HTML ကိုအခြားအချက်တစ်ချက်ဖြစ်ပါတယ်။ အသုံးပြုသူမဆိုပြဿနာမရှိဘဲထောက်ခံမှုန်ထမ်းမှရနိုင်နှင့်ပြဿနာများကိုပြေလည်နေကြသည်။ ဒါဟာအစက World Wide Web မှာ developer များဘာသာစကားကိုနှင့်ဆက်စပ်သောအစိတ်အပိုင်းများအကြောင်းကိုအလေးအနက်ဖြစ်ကြောင်းပြသထားတယ်။

အပိုင်း 3 ဟာ HTML နှင့်ဆက်စပ် tags များအတွက်ပုံရိပ်အရွယ်အစားကိုချုံ့နေဆဲ

အဆိုပါ img src က HTML ကိုပုံရိပ်အရွယ်အစားပြောင်းမှကြွလာသောအခါခြယ်လှယ်ခံရဖို့ကြောင်း၎င်း tag ဖြစ်ပါတယ်။ ဒီ tag ကိုခုနှစ်တွင် img ပုံရိပ်၏တိုတောင်းသောပုံစံဖြစ်ပါတယ်။ အဆိုပါ src အရင်းအမြစ်ကိုဆိုလိုတာပါ။ အဆိုပါအရင်းအမြစ် image ကိုခေါ်ဆောင်သွားခံရဖို့ရှိရာကနေအရပျကိုသရုပ်ဖော်သည်။ ဒါဟာပုံအသုံးပြုသူများကောက်ယူနှင့်ပြသသည်အဘယ်မှာရှိကနေ website ကိုဖိုင်တွဲပေါ်တွင်တည်နေရာကိုသတ်မှတ်ပါတယ်။ ကပြောင်းလဲမှုများလျှောက်ထားနေစဉ်အသုံးပြုသူသတိထားဆက်လက်တည်ရှိသင့်ပါတယ်သို့သော်တစ်ဦးတည်းကှနျ့လုပ်ငန်းစဉ်တခုဖြစ်ပါတယ်သော်လည်း။ မှားယွင်းနေအပြောင်းအလဲများကိုခြုံငုံအခြားအစိတ်အပိုင်းများများ၏နှောင့်အယှက်ဖြစ်ပေါ်စေနိုင်ပါတယ်။ အဆိုပါသင်ခန်းစာ၏နောက်တစ်နေ့အစိတ်အပိုင်းအကြောင်းမဲ့အလုပ်တခုကိုလုပ်နေစဉ်လျှောက်ထားတံ့သောလုပ်ငန်းစဉ်ကိုကိုင်တွယ်ဖြေရှင်းပါလိမ့်မယ်။ မပြည့်စုံစေခြင်းငှါဖြစ်ကြောင်းအဆိုပါလိုအပ်ချက်များကိုလည်းအကြီးအသေးစိတျဆှေးနှေးလိမ့်မည်:

လိုအပ်ချက်များ

• HTML ကိုအယ်ဒီတာ
• ဝက်ဘ်စာမျက်နှာအပြင်အဆင်
• PC ကို

အဆိုပါဖြစ်စဉ်ကို

: လုပ်ငန်းစဉ်များ၏လျှောက်လွှာကိုအောက်ပါအတိုင်းဖော်ပြခဲ့တဲ့ခဲ့ပြီးသောခြေလှမ်းနှုန်းအဖြစ်ပြုရပါမည်

အောက်မှာဖေါ်ပြတဲ့အတိုင်းပုံရိပ်ကိုဆိုဒ်ပြောင်းရန်ဖို့အသုံးပြုကြောင်း 1.The ပုံမှန် tag ကိုတွေ့မြင်နိုင်ပါသည်။ ဒါဟာဥပမာတစ်ခုအဖြစ်ခေါ်ဆောင်သွားသည်:

အောက်မှာဖေါ်ပြတဲ့အတိုင်းပေါ်လာပုံသဏ်ဌာနျအထကျ၏ရလဒ်အဖြစ်ဖြစ်ပါသည်:

အသုံးပြုသူရဲ့ width အဖြစ်အမြင့်ကိုပြောင်းလဲဖို့လိုအပ်တဲ့ဆက်စပ်အရွယ်အစား image ကိုဆိုက်ပြောင်းရန် 2.In အမိန့်။ အောက်မှာဖေါ်ပြတဲ့အတိုင်းဒီ code ကိုတွေ့မြင်နိုင်ပါသည်:

အဆိုပါအရွယ်အစားပြောင်းပြုမိခဲ့ပြီးပြီးတာနဲ့အောက်မှာဖေါ်ပြတဲ့အတိုင်းပေါ်လာပါလိမ့်မယ်သောပုံရိပ်ဖြစ်ပါသည်:

အဆိုပါ HTML ကိုနားလည်ရန်လွယ်ကူကြောင်းဘာသာစကားတစ်ခုကိုဖြစ်ပါတယ်။ အသုံးပြုသူထို့ကြောင့်ပုံရိပ်တွေဆိုက်ပြောင်းရန်ကပိုနှစ်သက်သငျ့သညျ။ က HTML နှင့်အတူအသုံးပြုသူလည်းအားသာချက်များကိုတိုးမြှင့်ဖို့, Java Script အဖြစ် CSS ကိုလေ့လာသင်ယူနိုင်ပါတယ်။ ဘာသာစကားကိုရိုးရှင်းစွာရင်သပ်ရှုမောဖွယ်ဖြစ်ကြောင်းရလဒ်ကိုရဖို့လူသိများသည်။ အဆိုပါခြုံငုံရှုမြင်အဖြစ်ဝက်ဘ်စာမျက်နှာ၏ layout ကိုကြောက်မက်ဘွယ်ဖြစ်ပါသည်။ စတင်ဖွဲ့စည်းစဉ်ကတည်းကအဆိုပါ HTML ကိုပုဖွံ့ဖြိုးမှုဆိုင်ရာရည်ရွယ်ချက်များအပေါ်တစ်ဦးအမှတ်အသားကျန်ရစ်ခဲ့ပြီးယခုတိုင်အောင်ဤနည်းနေဆဲဖြစ်သည်။ Image ကိုအရွယ်အစားပြောင်းဘာသာစကားကို့အစိတ်အပိုင်းတစ်ခုဖြစ်ပါတယ်။ ဒီကိစ္စကို၏တကယ်တော့ဘာသာစကားပြဿနာမရှိဘဲမည်သည့်အလုပ်ကိုလုပ်ဖို့အသုံးပွုနိုငျသောကွောငျ့ဖွစျသညျ။