ကိုယ်ပိုင် ဝဘ်စာမျက်နှာ ဖန်တီးချင်ရင်, HTML ကို နားလည်မှုရှိရမယ်။. This article explains how to create an HTML page. ထို့အတူ, xml sitemap တစ်ခုဖန်တီးနည်းနှင့် ပုံနှင့်လင့်ခ်ထည့်နည်းကို သင်လေ့လာနိုင်မည်ဖြစ်ပါသည်။. xml sitemap တစ်ခုဖန်တီးရန်လည်း အရေးကြီးပါသည်။, ၎င်းသည် သင့်ဆိုက်ကို စုစည်းပြီး သင်၏အသွားအလာကို တိုးမြင့်စေနိုင်သည်။. နောက်တစ်ဆင့်မှာ နမူနာပုံစံတစ်ခုကို ရွေးချယ်ရန်ဖြစ်သည်။.
Creating a html page
HTML သည် markup language တစ်ခုဖြစ်သည်။. ဝဘ်စာမျက်နှာတစ်ခု၏ အစိတ်အပိုင်းတိုင်းကို tag တစ်ခုဖြင့် ကိုယ်စားပြုသည်။. တဂ်ကို ထောင့်ကွင်းစကွက်များဖြင့် သတ်မှတ်သည်။, နှင့် ဒြပ်စင်တိုင်းတွင် တစ်ခု သို့မဟုတ် တစ်ခုထက်ပိုသော tag များရှိသည်။. အချို့အရာများသည် တဂ်တစ်ခုသာ လိုအပ်သည်။; အခြားနှစ်ခုလိုအပ်နိုင်သည်။. အဖွင့်နှင့်အပိတ် အမှတ်အသားများတွင် ရှေ့သို့ မျဉ်းစောင်းများရှိသည်။ (/). ဥပမာ, စာပိုဒ်ဒြပ်စင်ကို p tag ဖြင့်ကိုယ်စားပြုသည်။. အဖွင့်နှင့်အပိတ် tag များကြားတွင် စာပိုဒ်သည် စာပိုဒ်ဖြစ်သည်။.
HTML စာရွက်စာတမ်းတစ်ခုဖန်တီးရန်, သင်သည် text editor ကိုအသုံးပြုရန်လိုလိမ့်မည်။. ကွန်ပျူတာအများစုတွင် မူရင်းအတိုင်း စာသားတည်းဖြတ်မှုရှိသည်။. Windows အသုံးပြုသူများသည် Internet Explorer ကိုသုံးပါမည်။, Mac အသုံးပြုသူများသည် TextEdit ကိုသုံးနိုင်သည်။. ပရော်ဖက်ရှင်နယ်ဆန်သော ဝဘ်စာမျက်နှာကို ဖန်တီးရန် ဖန်စီစာတည်းဖြတ်သူအား သင်ထည့်သွင်းနိုင်သည်။, ဒါပေမယ့် မင်းရဲ့ ပထမဆုံး HTML စာမျက်နှာအတွက်, မလိုအပ်ပါဘူး။. ရိုးရှင်းသော စာသားတည်းဖြတ်သူနှင့် မည်သည့်ဝဘ်ဘရောက်ဆာကိုမဆို အသုံးပြုနိုင်သည်။. မည်သည့်ပရိုဂရမ်ကို အသုံးပြုရမည်ကို မသေချာပါက, အခမဲ့ HTML တည်းဖြတ်သူကို ဒေါင်းလုဒ်လုပ်ကြည့်ပါ။.
html စာမျက်နှာတွင် အဓိကအပိုင်းနှစ်ပိုင်းရှိသည်။: ခန္ဓာကိုယ်နှင့် ဦးခေါင်း. စာကိုယ်အပိုင်းတွင် ဝဘ်ဆိုက်၏ တကယ့်အကြောင်းအရာများ ပါရှိသည်။, ဦးခေါင်းအပိုင်းကို ခေါင်းစဉ်နှင့် မက်တာအချက်အလက်အတွက် အသုံးပြုနေစဉ်. ခန္ဓာကိုယ်တွင် အခြားဒြပ်စင်များပါရှိသည်။, ရုပ်ပုံများနှင့် အခြားဂရပ်ဖစ်များ ပါဝင်သည်။. ခေါင်းစီးကဏ္ဍသည် သင်၏လမ်းညွှန်ချက်လင့်ခ်များကို ထည့်သွင်းရန်နေရာဖြစ်သည်။. စာရေးပြီးရင်, စာရွက်စာတမ်း၏ အကြောင်းအရာကို ထည့်သွင်းရန် အဆင်သင့်ဖြစ်ပါပြီ။. သင့်ဝဘ်ဆိုဒ်ကို လူတိုင်းအသုံးပြုနိုင်ကြောင်း သေချာစေရန် ခန္ဓာကိုယ်နှင့် ဦးခေါင်းအစိတ်အပိုင်းများကို အသုံးပြုရန် သေချာပါစေ။.
Creating a xml sitemap
If you have an HTML page, ရှာဖွေရေးအင်ဂျင်များသည် သင့်ဝဘ်ဆိုဒ်ကို ရှာဖွေရာတွင် ကူညီရန် XML sitemap တစ်ခုကို ဖန်တီးလိုပေမည်။. ၎င်းသည် သင်၏ရှာဖွေမှုအဆင့်များကို မထိခိုက်စေသော်လည်း၊, ၎င်းသည် သင့်အကြောင်းအရာကို ရှာဖွေရေးအင်ဂျင်များကို နားလည်စေပြီး ၎င်းတို့၏ တွားသွားနှုန်းကို ချိန်ညှိရန် ကူညီပေးပါမည်။. ဒီလမ်း, သင့်ဝဘ်ဆိုဒ်ကို ရှာဖွေမှုအင်ဂျင်ရလဒ်များတွင် ပိုမိုမြင်နိုင်မည်ဖြစ်သည်။. ဤသည်မှာ စတင်ရန် လွယ်ကူသော အဆင့်အချို့ဖြစ်သည်။:
HTML sitemap ဖန်တီးခြင်းသည် လွယ်ကူသည်။. သင်လုပ်ရန်မှာ သင့်ဆိုဒ်၏ စာမျက်နှာများ၏ ရိုးရှင်းသောဇယားတစ်ခု ပြုလုပ်ရန်ဖြစ်သည်။, စာမျက်နှာတစ်ခုစီသို့ လင့်ခ်များဖြင့်. ထို့နောက် ခေါင်းစီး သို့မဟုတ် အောက်ခြေနားရှိ ထို sitemap စာမျက်နှာသို့ လင့်ခ်ချိတ်ပါ။. ဒီလမ်း, သင့်ဆိုဒ်တွင် စာမျက်နှာမည်မျှရှိပါစေ။, လူတို့သည် ၎င်းတို့ကို အလွယ်တကူ သွားလာနိုင်သည်။. ထိုမှတပါး, sitemap တစ်ခုဖန်တီးရန် SEO တစ်ခုတင်ပြရန်မလိုအပ်ပါ။.
သင်၏ HTML စာမျက်နှာသည် တိုက်ရိုက်လွှင့်ပြီးသည်နှင့်, Google Search Console သို့ ပေးပို့ပါ။. မည်သည့်ဖိုင် extension ကိုမဆို သုံးနိုင်ပြီး သင်၏ XML sitemap ကို အမည်ပေးနိုင်ပါသည်။. သင်သည် XML sitemap ကို Google သို့ ပေးပို့နိုင်ပါသည်။, ဒါပေမယ့် မလိုအပ်ပါဘူး။. Google ၏ crawler များသည် အကြောင်းအရာအသစ်များကို ရှာဖွေရာတွင် ယေဘုယျအားဖြင့် အလွန်ကောင်းမွန်ပါသည်။, နှင့် ၎င်းတို့ထံ ဆိုက်မြေပုံတစ်ခု တင်ပြရန် မလိုအပ်ပါ။. ၎င်းကို အခြားရှာဖွေရေးအင်ဂျင်များသို့လည်း တင်ပြနိုင်သည်။, သို့သော် ၎င်းသည် သင့်ကို Google မှ ရှာဖွေတွေ့ရှိမည်ဟု အာမမခံနိုင်ပါ။.
သင့်ဝဘ်စာမျက်နှာတွင် XML sitemap တစ်ခုထည့်ရန် မလိုအပ်ပါ။, ဒါပေမယ့် သင့်ဝဘ်ဆိုဒ်ရဲ့ SEO ကို တိုးလာပါလိမ့်မယ်။. ဝဘ်စာမျက်နှာတစ်ခုနှင့် တိုက်ရိုက်ချိတ်ဆက်ခြင်းမရှိသော အညွှန်းစာမျက်နှာများကို ကူညီရန်အတွက် ဆိုက်မြေပုံများကို ရှာဖွေရေးအင်ဂျင်များက အသုံးပြုသည်။. ဆိုက်မြေပုံများသည် ကြွယ်ဝသောမီဒီယာအကြောင်းအရာများ၏ ဝင်ရောက်နိုင်မှုကို မြှင့်တင်ပေးပါသည်။. သင့်ဝဘ်ဆိုဒ်သို့ ဆိုက်မြေပုံတစ်ခုထည့်ခြင်းသည် သင့်ဆိုဒ်ကို ရှာဖွေရေးအင်ဂျင်ဘော့တ်များထံ ပိုမိုဝင်ရောက်လာစေရန် ကူညီပေးနိုင်ပါသည်။.
Adding a picture
In HTML, img tag ကို အသုံးပြု၍ စာမျက်နှာတစ်ခုသို့ ပုံတစ်ပုံကို ထည့်နိုင်သည်။. ဤတက်ဂ်တွင် ပုံနှင့် ၎င်း၏ အရည်အချင်းများသာ ပါရှိသည်။; အပိတ်တံဆိပ် မလိုအပ်ပါ။. ဤပုံတဂ်ကို HTML စာရွက်စာတမ်း၏ ကိုယ်ထည်ကဏ္ဍအတွင်း ထည့်သွင်းသင့်သည်။. ပုံ၏ အကျယ်နှင့် အမြင့်အပြင်, ပုံတွင်ဖော်ပြသည့် alt attribute တစ်ခု ထည့်သွင်းသင့်သည်။. မမြင်နိုင်သူတစ်ဦးအတွက် ဖော်ပြချက်ကို သင်ရေးနေသကဲ့သို့ alt tag ကို ရေးရပါမည်။.
HTML စာရွက်စာတမ်းတစ်ခုသို့ ပုံတစ်ပုံကို ထည့်ခြင်းသည် CSS နှင့် HTML ဗဟုသုတ အနည်းငယ် လိုအပ်သည်။. ပုံအရွယ်အစားနှင့် ကြည်လင်ပြတ်သားမှုသည် ထည့်သွင်းစဉ်းစားရန် အရေးကြီးဆုံးအချက်နှစ်ချက်ဖြစ်သည်။. ပုံ၏ အရွယ်အစားသည် စာရွက်စာတမ်း၏ အကြောင်းအရာနှင့် မည်သို့ကိုက်ညီမည်ကို ဆုံးဖြတ်ပေးမည်ဖြစ်သည်။. ကွဲပြားခြားနားသော ရုပ်ထွက် သို့မဟုတ် ရှုထောင့်အချိုးကို အသုံးပြုလိုပါက, ပုံကိုလည်း အရွယ်အစားပြောင်းရန် ကြိုးစားနိုင်သည်။. သို့သော်, အတိုင်းအတာသည် သင်မျှော်လင့်ထားသည့်အတိုင်း အမြဲတမ်း အလုပ်မဖြစ်ကြောင်း သတိရပါ။.
ပုံတစ်ပုံ၏ အရွယ်အစားကို ချိန်ညှိရန် လက်မ၏ စည်းမျဉ်းသည် ၎င်း၏ အကျယ်ကို တိုးမြင့်ရန် ဖြစ်သည်။. အကျယ်သည် အမြင့်ထက် အနည်းဆုံး pixel တစ်ခုသေးငယ်သင့်သည်။. ပုံသည် အလွန်သေးငယ်နေပါက ပြရန်, ဘောင်တစ်ခုထည့်နိုင်သည်။, ထို့နောက် ပုံအရွယ်အစားနှင့် ကိုက်ညီစေရန် ၎င်းကို ချိန်ညှိပါ။. ၎င်းကို border attribute သို့ထည့်ခြင်းဖြင့် ပုံတစ်ပုံ၏ဘောင်ကိုလည်း ချိန်ညှိနိုင်သည်။. ဘောင်အထူသည် မူရင်းတန်ဖိုးဖြစ်သည်။, ဒါပေမယ့် ဘယ်တန်ဖိုးကိုမဆို သင်သတ်မှတ်နိုင်ပါတယ်။. ပုံတွင် src attribute ပါရှိကြောင်း သေချာပါစေ။.
Adding a link
You can add a link in HTML to your document using an a> href attribute ဖြင့် tag လုပ်ပါ။. ၎င်းသည် စာရွက်စာတမ်းအတွက် စာညှပ်တစ်ခုကို ဖန်တီးပြီး တက်ဘ်အသစ်တစ်ခုတွင် ဖွင့်ပါမည်။. စာရွက်စာတမ်းထဲသို့ ပုံတစ်ခုထည့်သွင်းရန် href attribute ကိုလည်းသုံးနိုင်သည်။. HTML ခလုတ်တစ်ခုအား လင့်ခ်တစ်ခုအဖြစ်သို့ ပြောင်းလဲရန် JavaScript ကုဒ်နှင့် လင့်ခ်တစ်ခုကိုလည်း အသုံးပြုနိုင်သည်။. ပြီးတာနဲ့ ဒီလိုလုပ်လိုက်ပါ။, သင့်လင့်ခ်ကို CSS သို့မဟုတ် JavaScript ကုဒ်ဖြင့် ပုံစံဖော်နိုင်သည်။.
လင့်ခ်တစ်ခုသည် ဝဘ်အရင်းအမြစ်တစ်ခုမှ အခြားတစ်ခုသို့ ချိတ်ဆက်မှုတစ်ခုဖြစ်သည်။. အစွန်းနှစ်ခုပါရှိပါသည်။, ရင်းမြစ်ကျောက်ဆူးနှင့် ဦးတည်ရာကျောက်ဆူးတစ်ခု. လင့်ခ်တစ်ခုသည် ပုံတစ်ပုံမှ စာသားဖိုင်သို့ မည်သည့်အရာမဆို ဖြစ်နိုင်သည်။. လူမှုကွန်ရက်ဆိုက်များနှင့် ဝဘ်ဆိုဒ်အများစုသည် အသုံးပြုသူများအား သီးခြား URL တစ်ခုဆီသို့ လမ်းညွှန်ရန် လင့်ခ်များကို အသုံးပြုသည်။. လင့်ခ်တစ်ခု၏ တည်နေရာကို သတ်မှတ်ရန် HTML ကိုလည်း အသုံးပြုနိုင်သည်။. ၎င်း၏ 'က’ attribute သည် သင့်အား ကုဒ်ဒြပ်စင်များကို URL တစ်ခုနှင့် ချိတ်ဆက်နိုင်စေပါသည်။.
လင့်ခ်တစ်ခုကို ဒီဇိုင်းဆွဲတဲ့အခါ, သင့်ဧည့်သည်များသည် အကြောင်းအရာကို မည်သို့အသုံးပြုမည်ကို သေချာစဉ်းစားပါ။. လင့်ခ်စာသားသည် ဖော်ပြချက်ဖြစ်သင့်သည်။, သို့မှသာ သူတို့မျှော်လင့်ထားရမည့်အရာကို အတိအကျသိနိုင်မည်ဖြစ်သည်။. တူညီသော URL ကို ထပ်ကျော့ခြင်းသည် စခရင်ဖတ်သူများအတွက် ရုပ်ဆိုးသည်။, သူတို့အတွက် အသုံးဝင်တဲ့ အချက်အလက်တွေ မပေးပါဘူး။. စခရင်ဖတ်သူသည် ၎င်းတို့ကို မတူညီသောပုံစံပြုလုပ်ခြင်း သို့မဟုတ် မျဉ်းသားကြောင်းပြုလုပ်ခြင်းဖြင့် လင့်ခ်များတည်ရှိသည့်အခါတွင်လည်း အသုံးပြုသူများအား ပြောပြသည်။. ဒီလိုမျိုး, သူတို့လိုအပ်တဲ့ အချက်အလက်တွေကို အလွယ်တကူ ရှာဖွေနိုင်ပါတယ်။.
Adding a table
Adding a table to an HTML page is simple, ဒါပေမယ့် မလုပ်ခင်မှာ သေချာစဉ်းစားသင့်တဲ့ အချက်အချို့ရှိပါတယ်။. သင့်စားပွဲ၏ နောက်ခံအရောင်သည် သင့်ဧည့်သည်များ၏ မျက်လုံးကို ဖမ်းစားပြီး အရေးကြီးသော အချက်အလက်များကို အာရုံစိုက်ရန်အတွက် အရေးကြီးပါသည်။. hex အရောင်ကုဒ်များ သို့မဟုတ် အရောင်အမည်များကို အသုံးပြုခြင်းဖြင့် ဇယား၏ ခေါင်းစီးဒြပ်စင်နှင့် ဒေတာဒြပ်စင်အတွက် မတူညီသောအရောင်ကို သင်သတ်မှတ်နိုင်သည်။. တစ်နည်းနည်းဖြင့်, သင့်စားပွဲကို အလွယ်တကူမြင်နိုင်ပါလိမ့်မည်။.
td ဒြပ်စင်ဖြင့် ဇယားခေါင်းစီးနှင့် ဇယားဒေတာကို သင်ထည့်နိုင်သည်။, တစ်ဦးချင်းကို သတ်မှတ်သည်။ “သေတ္တာများ” အကြောင်းအရာအတွက်. ဇယားခေါင်းစီးကိုထည့်ခြင်းသည် ဝဘ်စာမျက်နှာတစ်ခုပေါ်တွင် ဒေတာကိုပြသရန် ပထမဆုံးအဆင့်ဖြစ်သည်။, လိုချင်ရင် ပထမတစ်ခုကို ထည့်သင့်တယ်။. စားပွဲတစ်ခုတွင် အတန်းခေါင်းသုံးပိုင်းလည်း ရှိသင့်သည်။. ခေါင်းစီးတစ်ခုသည် ဗလာဖြစ်ရပါမည်။. သင့်ဇယားတွင် ကော်လံများရှိလျှင်, ကော်လံတစ်ခုစီအတွက် row headers များကိုလည်း ဖန်တီးသင့်သည်။.
သင့်စားပွဲသို့ စာတန်းများထည့်နိုင်သည်။. စာတန်းသည် ဇယား၏ ရည်ရွယ်ချက်ကို ဖော်ပြသည့် ရွေးချယ်နိုင်သော အစိတ်အပိုင်းတစ်ခုဖြစ်သည်။. စာတန်းများသည် အများသုံးစွဲနိုင်မှုအတွက်လည်း အထောက်အကူဖြစ်စေပါသည်။. ဇယားတွင် ဒေတာအုပ်စုများကို ဖော်ပြသည့် ဆဲလ်များလည်း ပါဝင်နိုင်သည်။. နောက်ဆုံး, အတန်းများနှင့် ကော်လံအစုံကို သတ်မှတ်ရန် thead element ကို ထည့်နိုင်သည်။. ဒြပ်စင်နှစ်ခုလုံးကို အတူတကွ သို့မဟုတ် သီးခြားစီ အသုံးပြုနိုင်သည်။. ၎င်းတို့ကို ပေါင်းစပ်အသုံးပြုနိုင်သည်။, ဒါပေမယ့် caption က အရေးကြီးဆုံးပါ။.
Adding a div
Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. div အစိတ်အပိုင်းသည် စာသားအတွက် အထူးကွန်တိန်နာတစ်ခုဖြစ်သည်။, ပုံများ, နှင့်အခြားဒြပ်စင်များ. ၎င်းကို သင်နှစ်သက်သည့်အတိုင်း အမည်ပေးကာ သင့်လိုအပ်ချက်များနှင့် ကိုက်ညီစေရန် ၎င်း၏အရည်အချင်းများကို ပြောင်းလဲနိုင်သည်။. သင့်စာမျက်နှာရှိ div နှင့် အခြားဒြပ်စင်များကြားတွင် နေရာလွတ်တစ်ခုကို ဖန်တီးရန် အတန်း သို့မဟုတ် အနားသတ်ကိုလည်း သင်ထည့်နိုင်သည်။.
div တစ်ခုအတွင်း ကုဒ်ထည့်ရန် innerHTML attribute ကိုလည်း သုံးနိုင်သည်။. ဤနည်းလမ်းသည် စာကြောင်းတစ်ခုတွင် ထည့်သွင်းထားသော ကုဒ်ကို လက်ခံသည်။, div အတွင်းမဟုတ်ပါက၊, အကြောင်းအရာကို ဖယ်ရှားပါမည်။. ဤနည်းဖြင့် div ထဲသို့ ကုဒ်ထည့်ခြင်းကို ရှောင်ကြဉ်သင့်သည်။, အဘယ်ကြောင့်ဆိုသော် ၎င်းသည် သင့်ဝဘ်ဆိုဒ်ကို ဆိုက်စကေးဖြတ်ခြင်းဆိုင်ရာ အားနည်းချက်များကို ဖော်ထုတ်နိုင်သောကြောင့်ဖြစ်သည်။. အကယ်၍ သင်သည် JavaScript ကဲ့သို့သော scripting language ကိုအသုံးပြုနေပါက, innerHTML attribute ကိုသုံးနိုင်သည်။.
div သည် စာရွက်စာတမ်းတစ်ခုအတွင်း ကုဒ်များကို အုပ်စုဖွဲ့ရန်အတွက် အသုံးပြုသည့် အခြေခံ HTML တက်ဂ်တစ်ခုဖြစ်သည်။. စာပိုဒ်တစ်ခုပါရှိသည်။, block ကိုးကား, ပုံ, အသံ, သို့မဟုတ် ခေါင်းစီးတစ်ခုပင်. ၎င်း၏အနေအထားသည် သင့်အား စာမျက်နှာတစ်ခု၏ မတူညီသောကဏ္ဍများတွင် ယူနီဖောင်းစတိုင်နှင့် ဘာသာစကားကို အသုံးချနိုင်စေပါသည်။. Divs သည် ဆက်တိုက်ဒြပ်စင်အုပ်စုများအတွက် အသုံးများသော ဝေါဟာရများကို အမှတ်အသားပြုရန်အတွက် အကောင်းဆုံးအသုံးပြုသည်။. စာမျက်နှာတစ်ခုလုံးကို ပြန်ရေးစရာမလိုဘဲ ကဏ္ဍတစ်ခုသို့ ပုံစံထည့်လိုသည့်အခါ div ကို အသုံးပြုသင့်သည်။.