HTML ကိုကြားနေရာလွတ်ဖန်တီးနည်း

နေရာများနှင့် CSS နဲ့ HTML မှာဒြပ်စင်ရုပ်ပိုင်းဆိုင်ရာခွဲခြာ Create

HTML မှာကွက်လပ်များနှင့်ဒြပ်စင်၏ရုပ်ပိုင်းဆိုင်ရာခွဲခြာ Creating အစကို web ဒီဇိုင်နာများအတွက်နားလည်ရန်ခက်ခဲစေနိုင်ပါတယ်။ ဘာဖြစ်လို့လဲဆိုတော့ဒီ က HTML အဖြစ်လူသိများနေတဲ့အိမ်ခြံမြေရှိပါတယ် "ကြားနေရာလွတ်ပြိုကျ။ " သငျသညျ 1 အာကာသသို့မဟုတ်သင့်က HTML ကုဒ် 100 ကိုရိုက်ထည့်ခြင်းရှိမရှိ, ဝဘ်ဘရောက်ဇာကိုအလိုအလျှောက်မယ့်တဦးတည်းတစ်ခုတည်းအာကာသမှဆင်းသောသူတို့နေရာများသည်ပြိုလဲ။ ဤကဲ့သို့သော program တစ်ခုကနေကွဲပြားခြားနားသည် Microsoft Word ကို စာရွက်စာတမ်းဖန်တီးသူစကားလုံးများကိုနှင့်စာရွက်စာတမ်း၏အခြားဒြပ်စင်ခွဲထုတ်ဖို့မျိုးစုံနေရာများထည့်သွင်းဖို့ခွင့်ပြုထားတဲ့။

ဤသည်အကျင့်ကိုကျင့်ခြားပုံကိုက်ဘ်ဆိုက်ဒီဇိုင်းမဟုတ်ပါဘူး။

ဒီတော့ဘယ်လောက်သင်ပေါ်တက်ပြသသော HTML မှာကြားနေရာလွတ် add ကြဘူး ဝဘ်စာမျက်နှာ ? ဤဆောင်းပါးသည်မတူညီသောနည်းလမ်းအချို့ကို examine ။

CSS နဲ့ HTML မှာ Spaces

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

CSS မှာ, သင်ဒြပ်စင်ပတ်ပတ်လည်အာကာသကိုထည့်သွင်းဖို့ဖြစ်စေအဆိုပါအနားသတ်သို့မဟုတ် padding ကိုဂုဏ်သတ္တိများကိုသုံးနိုင်သည်။ ထို့အပြင် text-ကုန်အမှာစာအိမ်ခြံမြေထိုကဲ့သို့သောအပိုဒ် indenting များအတွက်သကဲ့သို့, စာသားရဲ့ရှေ့မှအာကာသကထပ်ပြောသည်။

ဤတွင်သင့်ရဲ့အပိုဒ်အားလုံး၏ရှေ့တွင်အာကာသကိုထည့်သွင်းဖို့ CSS ကိုသုံးစွဲဖို့မည်သို့ဥပမာတစ်ခုဖြစ်ပါတယ်။ သင့်ရဲ့အောက်ပါ CSS ကို Add ပြင်ပ သို့မဟုတ် ပြည်တွင်းရေး style sheet:

p {
text-ကုန်အမှာစာ: 3em;
}

HTML မှာ Spaces: သင့်စာသားအတွင်းပိုင်း

သင်ရုံသင်၏စာသားတစ်ခုထပ်တိုးအာကာသသို့မဟုတ်နှစ်ခုထပ်ထည့်ချင်လျှင်, သင် non-ကြေကွဲအာကာသကိုသုံးနိုင်သည်။

ဒီအကျင့်စရိုက်ရုံစံအာကာသဇာတ်ကောင်များကဲ့သို့ပြုမူ, သာကဘရောက်ဇာကိုအတွင်းအပြင်ပြိုကျမထားဘူး။

ဤတွင်စာသားတစ်လိုင်းအတွင်းမှငါးနေရာပေါင်းထည့်ရန်မည်သို့ဥပမာတစ်ခုဖြစ်ပါသည်:

ဤသည်ကိုစာသားကအတွင်းပိုင်းငါးအပိုနေရာတွေရှိပါတယ်

က HTML ကိုအသုံးပြုသည်:

ဤသည်ကိုစာသားရှိပါတယ် & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ကအတွင်းပိုင်းငါးအပိုနေရာများ

သင်တို့သည်လည်းအပိုလိုင်းအားလပ်ချိန်ကိုထည့်သွင်းဖို့
tag ကိုသုံးနိုင်သည်။

ဒီဝါကျက




ရဲ့အဆုံးမှာငါးလိုင်းအားလပ်ချိန်ရှိပါတယ်

အဘယ်ကြောင့် HTML ကိုအာကာသတစ်မကောင်းပါ Idea ဖြစ်ပါတယ်

အဲဒီ options နှစ်ခုစလုံးအလုပ်စဉ်တွင် - non-ခြိုးဖောကျနေရာများဒြပ်စင်စင်စစ်သင်၏စာသားမှအကွာ add မည်ဖြစ်ပြီးလိုင်းအားလပ်ချိန်အထက်တွင်ပြအပိုဒ်အောက်အကွာ add ပါလိမ့်မယ် - ဤသည်သင်၏ကွန်ရက်စာမျက်နှာအတွက်အကွာဖန်တီးအကောင်းဆုံးနည်းလမ်းမဟုတ်ပါဘူး။ သင့်ရဲ့ HTML ကိုဤဒြပ်စင်ပေါင်းထည့်ခြင်းအစားအမြင်အာရုံစတိုင်များ (CSS ကို) မှတစ်ဦးစာမျက်နှာ (HTML ကို) ၏ဖွဲ့စည်းပုံခွဲထုတ်၏ code ကိုမှအမြင်အာရုံသတင်းအချက်အလက်ကထပ်ပြောသည်။ အကောင်းဆုံးအလေ့အကျင့်သည်ဤအနာဂတျတှငျမွမ်းမံ၏လွယ်ကူခြင်းနှင့်ယေဘုယျဖိုင်အရွယ်အစားနှင့်အစာမကျြနှာစွမ်းဆောင်ရည်အပါအဝင်အကြောင်းပြချက်တစ်ခုအရေအတွက်များအတွက်သီးခြားဖြစ်သင့်ကြောင်း dictate ။

သင်တို့ရှိသမျှသည်သင်၏စတိုင်များနှင့်အကွာ dictate မှအနေနဲ့ external style sheet ကိုသုံးလျှင်သင်သည်ရိုးရှင်းစွာတက style sheet ကို update ဖို့ရှိသည်ကတည်းက, ထို့နောက်တစ်ခုလုံးကို site ကိုသူများစတိုင်များပြောင်းလဲနေတဲ့လုပ်ဖို့လွယ်ကူပါတယ်။

ထိုသို့အဆုံးမှာငါးခု
tags များနှင့်အတူဝါကျအပေါ်ကဥပမာစဉ်းစားပါ။ သငျသညျတိုင်းအပိုဒ်၏အောက်ခြေတွင်အကွာ၏ငွေပမာဏကိုလိုချင်ပါကသင့်တစျခုလုံးရဲ့ site မှာရှိတဲ့တိုင်းအပိုဒ်ကို HTML code တွေဟာ add ဖို့လိုအပ်လိမ့်မယ်။ သင့်စာမျက်နှာများတွင်မင်းရဲ့တံ့သောအပို markup တစ်ဦးမျှတသောပမာဏဖြစ်သည်။

သင်ဤအကွာလွန်းသို့မဟုတ်လွန်းနည်းနည်းဖြစ်တယ်, သင်ကနည်းနည်းပြောင်းလဲပစ်ရန်ဆန္ဒရှိသောလမ်းကိုဆင်းဆုံးဖြတ်လျှင်ထို့အပြင်, သင်သည်သင်၏တစ်ခုလုံးကိုက်ဘ်ဆိုက်၌ရှိသောတစ်ခုတည်းအပိုဒ်ကိုတည်းဖြတ်ရန်လိုအပ်လိမ့်မယ်။ ကျေးဇူးတင်ပါတယ်မရှိပါ!

အဲဒီအစားသင့်ရဲ့ကုဒ်ဤနေရာခြား element တွေကိုဖြည့်စွက်ခြင်း, CSS ကိုအသုံးပြုပါ။

p {
padding ကို-အောက်ခြေ: 20px;
}

CSS ကို၏တလိုင်းသင့်စာမျက်နှာရဲ့အပိုဒ်အောက်မှာအကွာ add လိမ့်မယ်။ သငျသညျအနာဂတျတှငျကြောင်းအကွာကိုပြောင်းလဲချင်တယ်ဆိုရင်, (အစားသင့်ရဲ့တစ်ခုလုံးကို site ရဲ့ကုဒ်၏) ဒီတစ်ခုလိုင်းတည်းဖြတ်နှငျ့သငျသှားဖို့ကောင်းသောများမှာ!

သင်သည်သင်၏က်ဘ်ဆိုက်၏အစိတ်အပိုင်းတစ်ခုအတွက်တစ်ခုတည်းအာကာသကိုထည့်သွင်းဖို့လိုအပ်တယ်ဆိုရင်အခုတစ်
tag ကိုတစ်ခုသို့မဟုတ်တစ်ခုတည်း Non-ကြေကွဲအာကာသသုံးပြီးကမ္ဘာ၏အဆုံးသည်မဟုတ်, သငျသညျသတိထားပါရန်လိုအပ်သည်။

ဤအ inline HTML ကို Space option ကိုအသုံးပြုပြီးချောဆင်ခြေလျှောရှိနိုင်ပါသည်။ တစ်ဦးသို့မဟုတ်နှစ်ဦးကိုသင့်ရဲ့ site ကိုထိခိုက်စေမည်မဟုတ်ပါနေချိန်မှာသင်လမ်းကြောင်းကိုချတည်လျှင်, သင်သည်သင်၏စာမကျြနှာသို့ပြဿနာများကိုမိတ်ဆက်ပေးပါလိမ့်မယ်။ အဆုံး၌, သင်က HTML အကွာများအတွက် CSS ကိုမှလှည့်ချွတ်ပိုကောင်းအပေါင်းတို့နှင့်တကွ, အခြားအဝက်ဘ်စာမျက်နှာအမြင်အာရုံလိုအပ်ချက်များကိုဖြည့်ဖြစ်ကြသည်။