HTML မှာစားပွဲတစ်ခုလုပ်ဖို့ကိုဘယ်လို: များ၏အသေးစိတ်ဖော်ပြချက်

စားပွဲတင် - ဝဘ်စာမျက်နှာများပေါ်တွင်လက်ရှိဖြစ်ရမည်သောအရေးအပါဆုံး, ဒါပေမယ့်တစ်ချိန်တည်းမှာရှုပ်ထွေးဒြပ်စင်များ၏တဦးတည်း။ ၎င်းတို့၏အကူအညီဖြင့်တကမဟုတ်ဘဲစုံစုံ form မှာအရေးပါတဲ့နှင့်အသုံးဝင်သောသတင်းအချက်အလက်လျှောက်ထားရန်အဆင်ပြေပါတယ်။ ဟုတ်ပါတယ်, တင်းပလိတ်များအတွက်အများဆုံးအယ်ဒီတာများ, ကွဲပြားခြားနားသောအင်ဂျင်အလုပ်လုပ်အလိုအလျောက်သင့်ရဲ့ website မှာသို့မဟုတ်သီးခြားထုတ်ဝေသို့စားပွဲတစ်ခုထည့်သွင်းပေမယ့်အဘယျသို့လြှငျက်ဘ်ဆိုက်ဒီဇိုင်းအရင်းအမြစ်၎င်း၏စာမျက်နှာများကိုခြစ်ရာကနေဖန်တီးနေကြသနည်း ထိုအခါအတွေ့အကြုံမရှိသေးသောမာစတာပြဿနာတစ်ခုရစေခြင်းငှါ: တစ်အောင်ဘယ်လို HTML မှာစားပွဲပေါ်မှာ။ ရဲ့မြန်မြန်ဆန်ဆန်နဲ့မှန်မှန်ကန်ကန်ပစ္စည်းဖန်တီးပုံကိုကြည့်ရှုကြကုန်အံ့။

အယ်ဒီတာကိုရှေးခယျြ

လူအပေါင်းတို့၏ပထမဦးစွာစားပွဲတစ်ခုကိုဖန်တီးရန်စတင်သင်အလုပ်လုပ်လိမ့်မည်သည့်အတွက်အယ်ဒီတာသတ်မှတ်သင့်ပါတယ်။ ဟုတ်ပါတယ်, သငျသညျအခြေခံ site ကိုကုဒ်ဖန်တီးသော program ကိုရွေးချယ်ဖို့အလွယ်ကူဆုံးနည်းလမ်းဖြစ်သည်။ ဒါပေမယ့်ဒီရည်ရွယ်ချက်များအတွက်ကောင်းသောအဟောင်း notepad သုံးစွဲဖို့အကောင်းဆုံးဖြစ်ပါတယ်။

သင်ညာဘက်အယ်ဒီတာအတွက်အရာအားလုံးကျင့်ကိုကျင့်လျှင်, ထို့နောက်ရလဒ်လည်းချက်ချင်းမြင်ပင်သုံးစွဲဖို့အစီအစဉ်ကိုလှုံ့ဆော်ပေးခဲ့တယ်နိုင်ပါတယ်အကြောင်းမှာအဘယ်ကြောင့်, သင့်ဘဝကိုရှုပ်ထွေးမေးလိမ့်မည်။

ဟုတ်ကဲ့, ကမှန်ပေမယ့်ခြစ်ရာကနေစားပွဲတစ်ခုဖန်တီးရန်, သငျသညျနှိုက်နှိုက်ချွတ်ချွတ်က၎င်း၏ဖန်ဆင်းခြင်းနိယာမဆန်းစစ်နိုင်ပါလိမ့်မည်မသာ, ဒါပေမယ့်လည်းနောက်ခံကုဒ်အတွက်ရှက်စရာစာလုံးပေါင်းမှားယွင်းမှုနှင့်အမှားများကိုကာကွယ်တားဆီးဖို့။ တခါတရံက cursor ချပြောင်းရွှေ့ကြောင်းအခွင့်အလမ်းအားဖြင့်ဖြစ်ပျက်နှင့်အမှားအတွက်ကုဒ်ရေးသားခြင်း၏လုပ်ငန်းစဉ်ကိုရှာဖွေကိုတစ်ခါတစ်ရံခက်ခဲဖြစ်သည့်အတွက်တွားတတ်သော။ မှတ်စုစာအုပ်ထဲမှာစားပွဲတစ်ခု Creating, သင်ကုဒ်ကော်ပီကူးခြင်းနှင့်သင်တို့အဘို့, လက်ျာရာဌာန၌ paste နိုင်ပါတယ်။

စားပွဲအတွက်အဆိုပါ algorithm ကို

စတင်, HTML မှာစားပွဲတစ်ခုလုပ်ဖို့ဘယ်လို, တိုတောင်းတဲ့ algorithm ကိုလုပ်ရမည်။ ဤသူသည်သင်တို့အသီးအသီးခြေလှမ်းများ၏ sequence ကိုနားလည်ကြောင်းသေချာစေရန်ဖြစ်ပါသည်။ ထိုအခါပစ္စည်းတစ်ခုချင်းစီကိုဖျော်ဖြေဖို့အတိအကျဘယ်လိုခွဲခြမ်းစိတ်ဖြာ။

အဆိုပါကြိုတင်လုပ်ရပ်များနှင့်အတူစတင်ဖွင့်ကြပါစို့။

1. စက္ကူစားပွဲပေါ်မှာပုံရိပ်ပေါ်သိထားဆွဲပါ။

2. အတန်းနှင့်ဆဲလ်များ၏အရေအတွက်ကိုရေတွက်။ တစ်ခုချင်းစီကိုသီးခြားစီ ryadochka စဉ်းစား - ကွဲပြားခြားနားသောအတိတ်၏နံပါတ်လျှင်။

3. (ဥပမာ, "အမည်" နှင့် t ကို။ ဃ, ဆဲလ်«№») ကိုအတန်း-header ကိုဆဲလ်ထဲမှာနံပါတ်တစ်ဆုံးဖြတ်ပါ။

အရောင်, အမြင့်နှင့်အကျယ်, စာသား alignment ကို - - သင်မထိုက်မတန်ထင်ရကြောင်းအတို, အရာရာ၌ 4. အဓိကစားပွဲ၏ parameters တွေကိုချရေးပါ။

ထိုအခါစားပွဲ၏ဖန်တီးမှုမှတိုက်ရိုက်သွားပါ:

1. tags များစားပွဲပေါ်မှာထည့်ပါ။

2. သင်လိုအပ်သောငွေပမာဏအပေါ်အခြေခံပြီးလိုင်းများ၏ tags များထည့်ပါ။

3. အဆိုပါအတန်းစက္ကူပေါ်မှာမှတ်တမ်းတင်ထားသောဘူးသောငွေပမာဏ၏အခြေခံပေါ်မှာလည်း, ဆဲလ်တွေ (ပုံမှန်နှင့်ကြီး) ၏ tags များထည့်သွင်း။

4. တပြင်လုံးကိုစားပွဲများအတွက် parameters များကိုသတ်မှတ်မည်။

5. သင်တစ်ဦးချင်းစီဆဲလ်များအတွက် parameters တွေကိုချမှတ်ရန်လိုအပ်ပါ။

6. ကျွန်တော်တို့ရဲ့ဆဲလ်စာသားထဲမှာဖြည့်ပါ။

စားပွဲတစ်ခုဖန်တီး

ဒါကြောင့်သင်ကအယ်ဒီတာကိုရှေးခယျြယခုရဲ့ HTML မှာစားပွဲတစ်ခုဖန်တီးရန်မည်သို့မည်ပုံကိုကြည့်ကြကုန်အံ့။ စားပွဲ (

) ခွင့်ပြု tag စာမျက်နှာကုဒ်သို့ထည့်သွင်းနေသည်တွဲသည်သည်, ငါတို့၏ဆောက်လုပ်ရေးဒီ tag နဲ့စတင်သည်နှင့် အတူအဆုံးသတ်ထားသည်။

အဆိုပါ tags များစားပွဲပေါ်မှာကိုထည့်သွင်းခြင်း, အတန်းနှင့်ဆဲလ်တွေကိုဖန်တီးရန်ဆက်လက်ဆောင်ရွက်နိုင်သည်။

အခုဆိုရင်ကျနော်တို့ကဤဒြပ်စင်လည်းတွဲဖြစ်ကြောင်းသတိပြုပါ။ Tag ကို

တစ်ဦး string ကိုသတ်မှတ်ပါတယ်, နဲ့ ;

;

<တီဒီ> 1

- ဆဲလ်။ အထက်-ဆဲလ်များအတွက် <ကြိမ်မြောက်> တွဲဒြပ်စင်ကိုအသုံးပြုရပါမည်။ ပြီးသားဖော်ပြခဲ့တဲ့အတိုင်း, ပထမဦးဆုံးခြေလှမ်းတစ်လိုင်းဆွဲရန်ဖြစ်ပါသည်, ထို့နောက်သူတို့ဆဲလ်မှတ်ပုံတင်ရန်ရှိသည်။ စိတ်ရှုပ်ထွေးမှုများကိုရှောင်ရှားနိုင်ဖို့အတွက်က line သို့မဟုတ်နှစ်ခုအတွက်တစ်ဦးချင်းစီပိတ်ပင်တားဆီးမှုများအကြားမည်သည့် padding ကိုလုပ်ဖို့, ဒါမှမဟုတ်အခြားသူက "Tab ကို" key ကိုအသုံးပြုခြင်းအားဖြင့်သစ်တစ်ခု block element တွေကိုသတ်မှတ်ဖို့အကြံပြုလိုတယ်။ ဘယ်လိုတူနိုင်သလဲ ဤကဲ့သို့သောအရာတစ်ခုခု: <စားပွဲတင်>;
p / p №;	အမည် ; ;
; <တီဒီ> Ivanov ; ; ။ သင်တို့ကိုတွေ့မြင်နိုင်သကဲ့သို့, ဘာမျှမကအကြောင်းရှုပ်ထွေး။ အဓိကအရာ - တန်းနှင့်ဆဲလ်များ၏အရေအတွက်ကိုအတွက်ဆုံးရှုံးခဲ့ရရကြပါဘူး။ ဒီလိုမှမဟုတ်ရင်စားပွဲစောင်းဖြစ်ပါတယ်။ ယခုကြှနျုပျတို့ကျနော်တို့က Matrix နှင့်၎င်း၏အတန်းနှင့်ဆဲလ်တွေနှစ်ဦးစလုံး၏ parameters တွေကိုမှအပေါ်ကိုရွှေ့နိုင်, HTML မှာစားပွဲတစ်ခုကိုဖန်တီးရန်ဖျက်သိမ်းနေကြပါတယ်။ စားပွဲပေါ်မှာ Options ကို အတွက် alignment ကို: code ကိုတိကျမ်းစာ၌လာသည်ကားသောအခါ, အောက်ပါအချက်များကိုအာရုံစိုက်ဖို့လိုအပ် စားပွဲပုက HTML ၏အရောင် ဒါပေါ်နယ်နိမိတ်, နောက်ခံ, စာသားနှင့်။ အဆိုပါ parameters တွေကိုစားပွဲပေါ်မှာ tag ကို အတွက်သတ်မှတ်ထားသောနေကြသည်။ ဤရွေ့ကားများပါဝင်သည်: 1. နယ်စပ်ရေးရာ - နယ်စပ် width ကို။ တစ်ခုကိန်းအားဖြင့်သတ်မှတ်ပါတယ်။ ပုံမှန်အားဖြင့်မည်သည့်စားပွဲနယ်နိမိတ်ကွယ်ပျောက်။ 2. Bordercolor - နယ်စပ်၏အရောင်။ ဒါဟာ hexadecimal အရောင် (# 00008B) အဖြစ်ပေးထားသောနှင့် angliykom အပေါ်သူ၏နာမ (DarkBlue) နိုင်ပါတယ်။ ပုံမှန်အားဖြင့်အမြဲတမ်းမီးခိုးရောင်ဖြစ်ပါတယ်။ 3. Bgcolor - နောက်ခံအရောင်။ ကုဒ်သို့မဟုတ်နာမတော်ဖြင့်သတ်မှတ်ထားသောကြောင့်ဖြစ်သည်။ 4. ညှိရန် - စားပွဲများအတွက်စာသားကို align ။ default - လက်ဝဲဘက်အပေါ်။ ဒီ parameter သည်များအတွက်အောက်ပါ options များရှိပါသည်: လက်ဝဲ - လက်ယာထုပ်ပိုးပြီး; လက်ဝဲမှ -obtekanie ခွင့်, စင်တာ - အဘယ်သူမျှမစီးဆင်းမှုနှင့်အတူအလယ်တန်းအတွက် output ကိုစားပွဲပေါ်မှာ။ 5. အကျယ်နှင့်အမြင့် - စားပွဲ၏ width နဲ့ height ။ ဒါဟာ pixels ကိုအတွက်သို့မဟုတ် (browser ကိုပြတင်းပေါက်အရွယ်အစားဆွေမျိုး) ရာခိုင်နှုန်းအဖြစ်လည်းကောင်းဖြစ်နိုင်ပါသည်။ တစ်ဦးအထူးသဖြင့်ညွှန်ပြချက်မညွှန်ကြား, သင်ဒီဇိုင်းကိုအထူးအာရုံစိုက်သင့်ပါတယ်။ "တန်းတူညီမျှ" လက်မှတ်ရေးထိုးသွားကြဖို့သို့သော်လည်း parameter သတ်မှတ်ခြင်းပြီးနောက်ကိုးကားအတွက်ကြိုတင်သတ်မှတ်ထားသောတန်ဖိုးအားညွှန်ပြပေးသောအပြီး။ စာသား၏အရောင်သည်, ထို့နောက်က HTML format နဲ့ plain text ကဲ့သို့တူညီသောလမ်းအတွက်ကြောင့်ထွက်ပါစေ။ စားပွဲတစ်ခု၏ဥပမာ: <စားပွဲတင်နယ်စပ် = "2" bordercolor = "# 00008B" bgcolor = "#FFFFFF" align = "center" width ကို = "800" height = "800">; ; ; <တီဒီ> 1 ကို tag ထဲမှာရေးထားလျက်ရှိ၏။ အောက်ပါ variable တွေကိုသတ်မှတ်ထားတဲ့နိုင်ပါတယ်လိုင်းကို 1. ယခုပင်လျှင်သင်တို့ဆီသို့နယ်စပ်, bordercolor နှင့် bgcolor လူသိများ။ 2. ညှိရန် - လိုင်းစာသား align ။ ဒါဟာလက်ဝဲစင်တာနှင့်ညာဘက်သတ်မှတ်နိုင်ပါသည်။ 3. Valign - ထို tag ကိုဒေါင်လိုက်စာသား aligns ။ ဒါဟာအောက်ပါတန်ဖိုးများကြာ: ထိပ်တန်း - စာသားအထက်နယ်နိမိတ်မှ aligned လျက်ရှိ၏ အလယ်တန်း - အလယ်၌; အောက်ခြေ - အောက်ခြေအစွန်း။ ဥပမာ line ကိုရှင်းလင်းရေး: ; p / p №; အမည် ; ; ; <တီဒီ> Ivanov ; ; ။ parameters တွေကိုတန်းစီ ဒါကြောင့်ကျနော်တို့ပြီးသား HTML မှာစားပွဲတစ်ခုလုပ်နှင့်၎င်း၏အဓိက parameters များကိုသတ်မှတ်ဖို့ဘယ်လိုထွက်နေသေးတယ်ပါတယ်။ သို့သော်လည်းအဘယ်သို့ကျွန်တော်တစ်ဦး string ကိုခွဲဝေချထားပေးရန်ဖို့လိုအပ်မယ်ဆိုရင်? မပေးစားပွဲ၏အဓိကကိုယ်ထည်အဖြစ်သူမ၏ထွက် Check? လိုင်း parameters တွေကို data တွေကိုစားပွဲကဲ့သို့တူညီသောလမ်းအတွက် p / p №; အမည် ; ။ parameters တွေကိုဆဲလ်တွေ သာမန်နှင့်ငွေလုံးငွေရင်းနှစ်ဦးစလုံး, တစ်ဦးချင်းစီဆဲလ်များ၏ parameters တွေကို - ထိုအခါနောက်ဆုံးအရာကိုသင် HTML မှာစားပွဲတစ်ခုလုပ်ပုံကိုသိရန်ဆန္ဒရှိသောသူတို့အားအာရုံစိုက်သင့်ပါတယ်။ တကယ်တော့အရာအားလုံးစားပွဲတစ်ခုသို့မဟုတ်အတန်းများအတွက်ကဲ့သို့တူညီသောလမ်း၌ပြစ်မှားမိသည်။ တစ်ခုတည်းသောဆက်ပြောသည်နှစ်ခုအရေးကြီးသောဒြပ်စင်: 1. Colspan - ဤ parameter သည်ဆဲလ်တိုးချဲ့ရသောအဘို့အကော်လံ၏နံပါတ်သတ်မှတ်ပါတယ်။ 2. Rowspan - ပြီးသားဒီဆဲလ်ကသိမ်းပိုက်အတန်း၏နံပါတ်ဖော်ပြသည်။ ဒီဇိုင်းကတော့ဆေးညွှန်း line ကနေအဘယ်သူမျှမခြားနားကတည်းကကနမူနာကုဒ်ဖြစ်ပေါ်လိမ့်မည်မဟုတ်ပါ။ တွေ့ရှိချက်များ စားပွဲတစ်ခု Make ကပထမတစ်ချက်မှာထင်သကဲ့သို့ခက်ခဲသည်မဟုတ်။ အဓိကအရာသည်၎င်း၏ကုဒ်ရေးသားခြင်းသောအခါ - ဇွဲနှင့်အာရုံစူးစိုက်။ HTML မှာစားပွဲတစ်ခုထည့်သွင်းဖို့ဘယ်လိုအဘို့အဖြစ်, ထို့နောက်၎င်း၏ကုဒ်အရေအတွက်ကသင့်ရဲ့အမြင်ထဲမှာနေရာချထားရမည်, သော, သင့်စာမျက်နှာ၏အရပျသို့ကြောင့်ကူးယူပြီး paste ဖို့လုံလောက်ပါတယ်။ စမ်းသပ်ဖို့မစိုးရိမ်နှင့်မကြာမီသင်ဿုံစားပွဲအတွက်၎င်း technique ကိုကျွမ်းကျင်ကြသည်။ ကံကောင်းပါစေ! Similar articles "VKontakte" application တစ်ခုဖန်တီးရန်ကဘယ်လို - သီအိုရီကနေအလေ့အကျင့်လုပ်ဖို့ ကွန်ပျူတာများ Windows 10 ကိုအတွင်းကို Preview - ကဘာလဲ? ကွန်ပျူတာများ အန်းဒရွိုက်မိုဘိုင်း application များ၏ဖွံ့ဖြိုးရေးကောင်စီ ကွန်ပျူတာများ Excel ကို-file ကိုကနေ password ကိုဖယ်ရှားပစ်ရန်မည်သို့: အနည်းငယ်ရိုးရှင်းတဲ့နည်းစနစ် ကွန်ပျူတာများ ဂီတလမ်းကြောင်း၏တံခါးသော့ကိုပြောင်းခြင်း: အခြေခံ tools များနှင့်မည်သို့သူတို့ကိုသုံးစွဲဖို့ ကွန်ပျူတာများ HTML နဲ့ CSS အတွက်မြို့တော်စာတစ်စောင် ကွန်ပျူတာများ         Trending Now တစ်ခုကစိတ်ဝင်စားစရာကောင်းဖောက် - ရှိ fox တယ်ရီယာခွေး၏ မူလစာမျက်နှာနှင့်မိသားစု နှမြောရ - ဤကားအဘယ်သို့နည်း နှမြော: ရည်ရွယ်ချက်များ, အဆင့်ဆင့်, စစ်ဆင်ရေး၏ Modes သာ ဥပဒ အကြောင်းတရားများ, ကုသမှု: တစ်ကျိုးခြေထောက်ပြီးနောက်ခြေထောက်၏ရောင်ရမ်းခြင်း။ ရုပ်ပျိုဆေးဝါး ကျန်းမာခြင်း Kaposi ရဲ့အဆုတ်ကဘာလဲ? ငါကဖယ်ရှားပစ်ရနိုင်သလား? ကျန်းမာခြင်း စကားဝှ: "ဘာခေါင်းကိုရှိပါတယ်, ဒါပေမယ့်တစ်ဦးနှောက်ရှိသည်ပါဘူး?" မူလစာမျက်နှာနှင့်မိသားစု အဆောက်အအုံမျက်နှာစာဇယားကွက်: ခြုံငုံသုံးသပ်, အမျိုးအစားများနှင့်အဆင့်သတ်မှတ်ချက်များ။ မျက်နှာစာအင်္ဂတေ mesh Homeliness         Newest အလတ်စားဆံပင်များအတွက်ရေရှည်ဆံပင်ပုံစံ: အမှန်တရားကိုလေ့လာပါ! လှပမှု ဥယျာဉ်စိုက်ပျိုးခြင်းလျှို့ဝှက်ချက်များ: စိုက်ပျိုးခြင်းမျဆောင်းဦး Homeliness အသည်းကနေအရည်ရွှမ်းဘာဂါ: တစ်စာရွက် အစားအစာနှင့်အဖျော်ယမကာ ဖရုံသီးကနေ pancakes: တစ်စာရွက် အစားအစာနှင့်အဖျော်ယမကာ မသန်စွမ်းများအတွက် Walker Walking: လူကြီးများနှင့်ကလေးများများအတွက် ကျန်းမာခြင်း ခရစ္စမတ်ကိတ်မုန့်: စာရွက်။ ပန်းသီးနှင့်အတူခရစ္စမတ်ကိတ်မုန့် အစားအစာနှင့်အဖျော်ယမကာ