HTML မှာအာကာသ browser များကကုသဘယ်လိုအဖြူမှာတစ်ဦးကကြည့်
သင်တစ်ဦးစတင်ဝဘ်ဒီဇိုင်နာတွေဟာလျှင်, သင်အစောပိုင်းအပေါ်နားလည်ရန်ရှိသည်မည်အရာများစွာကိုများထဲမှတစ်ဦး site ရဲ့ကုဒ်ထဲမှာအဖြူအာကာသကို web browser များအားဖြင့်ကိုင်တွယ်သောနည်းလမ်းဖြစ်ပါတယ်။
ကံမကောင်းစွာပဲ, browser များက white space ကိုင်တွယ်သောလမ်းကိုသင်က HTML သို့ လာ. , သင်နှင့်အတူပိုပြီးအကျွမ်းတဝင်ဖြစ်ရသောစကားလုံးအပြောင်းအလဲနဲ့အစီအစဉ်များအတွက်ကိုင်တွယ်မည်သို့အဖြူအာကာသကနှိုင်းယှဉ်အထူးသဖြင့်လျှင်, ပထမဦးဆုံးမှာအလွန်အလိုလိုသိသည်မဟုတ်။
စကားလုံးအပြောင်းအလဲနဲ့ software ကို, သင်စာရွက်စာတမ်းအတွက်အကွာသို့မဟုတ် tabs များအများကြီး add နိုင်ပါတယ်နှင့်အကွာစာရွက်စာတမ်းရဲ့အကြောင်းအရာများ၏ Display ကိုတွင်ထင်ဟပ်ပါလိမ့်မည်။ ဤသည်က HTML နှင့်အတူသို့မဟုတ်ဝဘ်စာမျက်နှာနှင့်အတူအမှုမဟုတ်ပါဘူး။ ကဲ့သို့သော, အကယ်စင်စစ်ကို web browser များအားဖြင့်ကိုင်တွယ်မည်သို့အဖြူအာကာသသင်ယူခြင်းသည်အလွန်အရေးကြီးပါသည်။
ပုံနှိပ်ပါအတွက် spacing
စကားလုံးအပြောင်းအလဲနဲ့ဆော့ဖျဝဲမှာသုံးမူလတန်းက white space ဇာတ်ကောင်နေရာ, tab ကိုနှင့်ရထားပြန်လာဖြစ်ကြသည်။ ဤအလုပ်ရပ်တစ်ခုချင်းစီဟာကွဲပြားလမ်းအတွက်, ဒါပေမယ့် HTML မှာ, မရှိမဖြစ်လိုအပ်တဲ့အတူတူသူတို့အားလုံးကိုဆပ် browser များ။ စာမကျြနှာကို browser အားဖြင့်ပြန်ဆိုသောအခါသင်သည်သင်၏ HTML ကို markup အတွက်တဦးတည်းအာကာသသို့မဟုတ် 100 နေရာများနေရာ, သို့မဟုတ်သင့် tabs များနှင့်ရထားပြန်လာပြီးအတူတက်ခြားပေးပါရောမွှေပဲဖြစ်ဖြစ်, ဤသူအပေါင်းတို့ကိုဆင်းတဦးတည်းအာကာသမှသိပ်သည်းလိမ့်မည်။ web design မှာဝေါဟာရများအတွက်, ဒီအဖြူအာကာသပြိုကျအဖြစ်လူသိများသည်။ အဆိုပါ browser မှာပြန်ဆိုသောအခါဘရောက်ဇာတစ်ဦးတည်းသာအာကာသသို့ဆင်းမျိုးစုံနေရာများသည်ပြိုလဲသောကွောငျ့သငျသညျဝဘ်စာမျက်နှာမှာကြားနေရာလွတ် add ဤပုံမှန်အကွာသော့ကိုမသုံးနိုငျသညျ,
အဘယ်ကြောင့်တစ်စုံတစ်ဦးကတဘ်ကိုသုံးပါပါသလား
လူတွေနေတဲ့စာသားကိုစာရွက်စာတမ်းအတွက် tabs များအသုံးပြုတဲ့အခါပုံမှန်အားဖြင့်, သူတို့ layout ကိုအကြောင်းပြချက်အဘို့ထိုသူတို့အသုံးပြုနေသည်သို့မဟုတ်စာသားအချို့အရပ်မှပြောင်းရွှေ့ဖို့သို့မဟုတ်အခြားဒြပ်စင်ကနေအခြို့သောအကွာအဝေးဖြစ်ရ။ web design မှာ, သင်သူတွေကိုအမြင်စတိုင်များသို့မဟုတ် layout ကိုလိုအပ်ချက်များကိုအောင်မြင်ရန်သူတို့အားဖျောပွအာကာသဇာတ်ကောင်ကိုမသုံးနိုငျသညျ။
web design မှာ, code ကိုအတွက်အပိုအကွာဇာတ်ကောင်များအသုံးပြုခြင်းကြောင့်ကုဒ်ဖတ်နေ၏လွယ်ကူခြင်းအဘို့အသက်သက်သာဖြစ်ပါလိမ့်မည်။ ဒါပေမဲ့အဲဒီ Indent စာမျက်နှာကိုယ်တိုင်က၏အမြင်အာရုံ layout ကိုမထိခိုက်ပါဘူး - သူတို့ element တွေကိုအခြားဒြပ်စင်သားဖြစ်ကြ၏ရာမွငျနိုငျသောကြောင့် Web ကိုဒီဇိုင်နာများနှင့် developer များမကြာခဏကုန်အမှာစာကုဒ်မှ tabs များအသုံးပြုပါ။ သူတို့အလိုအပျတဲ့အမြင်အာရုံ layout ကိုအပြောင်းအလဲများ, သင် (Cascading Style Sheet များ) CSS ကိုမှဖွင့်ရန်လိုအပ်ပါလိမ့်မယ်။
HTML ကိုတဲပ်များနှင့် Space ဖန်တီး CSS ကိုအသုံးပြုခြင်း
Website များယနေ့ဖွဲ့စည်းပုံနှင့်စတိုင်တစ်ခုခွဲခြာနှင့်အတူတည်ဆောက်လျက်ရှိကြ၏။ စတိုင်ကတော့ CSS ကိုတို့ကနှုတ်တိုက်ချပေးခဲ့တာဖြစ်ပါတယ်နေစဉ်စာမျက်နှာ၏ဖွဲ့စည်းပုံဟာ HTML ကိုတို့ကကိုင်တွယ်သည်။ ဤသည်အကွာဖန်တီးတစ်ခုသို့မဟုတ်အချို့သောအပြင်အဆင်အောင်မြင်ရန်, သငျသညျရိုးရိုး HTML code တွေဟာရန်အကွာဇာတ်ကောင်ကိုထည့်သွင်းဖို့ကြိုးစားနေ CSS ကိုမှလှည့်ခြင်းနှင့်မခံကြသင့်ကြောင်းဆိုလိုသည်။
သင်အသုံးပြုဖို့ကြိုးစားနေနေတယ်ဆိုရင် tabs များ စာသားကော်လံကိုဖန်တီးရန်, သင်မယ့်အစားကြောင်းကော်လံ layout ကိုရဖို့ CSS နဲ့နေရာယူထားကြသည်ကြောင်း
သငျသညျအထဲကတင်သောနေသောဒေတာ tabular data တွေအတွက်ဖြစ်ပါတယ် အကယ်. သင်ချင်ပါတယ်အဖြစ် data တွေကို align ဖို့စားပွဲကိုသုံးနိုင်သည်။ သူတို့ဒီတော့နှစ်ပေါင်းများစွာစင်ကြယ်သောအဆင်အပြင် tools များအဖြစ်စော်ကားခဲ့ကြသောကြောင့်, Tables မကြာခဏက်ဘ်ဆိုက်ဒီဇိုင်းအတွက်မကောင်းတဲ့ရက်ပ်ရပေမယ့်သင့်ရဲ့အကြောင်းအရာတစ်ခုကိုဖျောပွ tabular data တွေအတွက်ပါရှိသည်လျှင်စားပွဲနေဆဲဿုံခိုင်လုံသောဖြစ်ကြသည်။
မာဂျင်, Padding နှင့်စာသား-အင်တင်းရန်
CSS နဲ့အကွာဖန်တီးရန်အသုံးအများဆုံးနည်းလမ်းတွေအောက်ပါ CSS ကိုစတိုင်များများထဲမှ အသုံးပြု. ဖြစ်ပါသည်:
- အနားသတ်
- padding ကို
- text-ကုန်အမှာစာ
ဥပမာအားဖြင့်, သင်သည် (ဤသည်သင်၏အပိုဒ်ကပူးတွဲ "ပထမဦးဆုံး" တဲ့လူတန်းစား attribute ကိုရှိပါတယ်ယူဆကြောင်းသတိပြုပါ) အောက်ပါ CSS နဲ့တစ်ဦး tab ကိုကဲ့သို့သောအပိုဒ်၏ပထမလိုင်း Indent နိုင်သည်
p.first {
text-ကုန်အမှာစာ: 5em;
}
ဤသည်အပိုဒ်ယခု 5 ဇာတ်ကောင်အကြောင်းကိုအသစ်မှာမည်ဖြစ်သည်။
သင်တို့သည်လည်း Element တစ်ခုရဲ့ထိပ်မှအကွာကိုထည့်သွင်းဖို့ CSS ကိုအတွက်အနားသတ်သို့မဟုတ် padding ကိုဂုဏ်သတ္တိများကိုအသုံးပြုဖို့အောက်ဆုံး, left, ဒါမှမဟုတ်ညာဘက် (သို့မဟုတ်သူတို့အားနှစ်ဖက်၏ပေါင်းစပ်) နိုင်ပါတယ်။ နောက်ဆုံးတွင်သငျသညျ CSS ကိုမှလှည့်ခြင်းဖြင့်လိုအပ်အကွာမဆိုကြင်နာအောင်မြင်ရန်နိုင်ပါတယ်။
CSS ကိုမရှိရင်စာသားပိုတစ်ခုမှာအာကာသထက် Moving
သင်၏စာသားပြောင်းရွေ့ခံရဖို့အတှကျအငျလိုခငျြအားလုံးတစ်ဦးထက်ပိုအာကာသအဝေးရှေ့ကို item နေလျှင်သင် non-ကြေကွဲအာကာသကိုသုံးနိုင်သည်။
non-ကြေကွဲအာကာသသုံးစွဲဖို့, သင်ရိုးရှင်းစွာ add & nbsp; သင်သည်သင်၏ HTML ကို markup အတွက်လိုအပ်သကဲ့သို့အကြိမ်ပေါင်းများစွာ။
သငျသညျငါးနေရာများကျော်သင့်ရဲ့စကားလုံးရွှေ့ချင်တယ်ဆိုရင်ဥပမာ, သင်စကားလုံးမတိုင်မီအောက်ပါ add နိုင်ပါတယ်။
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp;HTML ကိုထိုအရိုသေလေးစားခြင်းနှင့်တစ်ခုတည်းအာကာသသူတို့ကိုနှိမ့်ချပြိုကျမည်မဟုတ်ပေ။ ကသာ layout ကိုလိုအပ်ချက်များကိုအောင်မြင်ရန်တစ်ဦးစာရွက်စာတမ်းမှအပိုက HTML markup ဖြည့်စွက်တာဖြစ်ပါတယ်ကတည်းကသို့သော်ဤသည်အလွန်ဆင်းရဲသောသူကိုအလေ့အကျင့်စဉ်းစားသည်။ ဖွဲ့စည်းပုံနှင့်စတိုင်၏ခွဲခြာပြန်ရည်ညွှန်းပြီး, သင်ကဆန္ဒရှိ layout ကိုအကျိုးသက်ရောက်မှုအောင်မြင်ရန်ရိုးရှင်းစွာ Non-ကြေကွဲနေရာများထည့်သွင်းရှောင်ရှားသင့်ပြီးမယ့်အစား CSS ကိုမာဂျင်နှင့် padding ကိုအသုံးပြုသင့်ပါတယ်။