ကွန်ပျူတာများ, ဆော့ဖျဝဲ
HTML ကိုစားပွဲပေါ်မှာအသုံးပြုခြင်း
HTML မှာရှိပါတယ်ဤမျှလောက်များစွာသောဒြပ်စင်ဖြစ်ကြသည်ကို၎င်း, သူတို့ထဲကတစ်ဦးချင်းစီကသူတို့ရဲ့ကိုယ်ပိုင်လမ်းအတွက်ထူးခြားတဲ့ဖြစ်ပါတယ်။ စားပွဲတင် - အလွန်, စိတ်ဝင်စားစရာကောင်းလူကြိုက်များနှင့်လေးနက်သောဘာသာရပ်။ သူမ၏မှကျေးဇူးတင်ပါသည်, သင်ကအဆင်ပြေပုံစံအတွက်သတင်းအချက်အလက်ပေးနိုငျမသာ, ဒါပေမယ့်လည်း site တစ်ခုမူဘောင်ကိုတည်ဆောက်ရန်။
ယခင်ကအားလုံးနီးပါးကွန်ရက်ထိန်းသိမ်းသူများ layout ကိုများအတွက်စားပွဲကိုအသုံးပြုဖို့ဆိုဒ်များဖြစ်ပါတယ်။ အစပိုင်းမှာစားပွဲကအတူတက်မလာပါဘူး။ ထို့ကွောငျ့ကြှနျုပျတို့ဆိုက် mark တစ်ခုပိတ်ပင်တားဆီးမှု div element ကိုအသုံးပြုရပါမည်။
သင်အမြဲတစ်ဦးအတွေ့အကြုံမရှိသေးသောဆက်လက်ရှိနေရန်လိုခငျြဘူးဆိုရငျ, မှန်ကန်စွာအရာအားလုံးလုပ်ဖို့ချက်ချင်းကိုအသုံးပြုပါ။ ဤသည်ဘာသာစကား HTML မှာအလွန်အရေးပါသည်။ စားပွဲပေါ်မှာသာပုံမှန်အတိုင်းသတင်းအချက်အလက် (စာသား, လင့်များ, စာရင်းများ, ပုံများ, ဒါပေါ်မှာ။ P. ) ထားရှိ, ထိုမျှမကတစ်ဖွဲ့လုံးကတစျခုလုံးရဲ့ site ရပါမည်။
စားပွဲတစ်ခုက HTML အောင်ဘယ်လိုနေသလဲ?
စားပွဲတင် - အခြားဒြပ်စင်၏ကြီးမားသောအရေအတွက်ပါဝင်ပါသည်သောရှုပ်ထွေးသောဒြပ်စင်။ ဆဲလ်သို့မဟုတ်အတန်းဖန်တီးသောအခါအမြဲချက်ချင်း tag ကိုပိတ်ထားရန်လိုအပ်ပါတယ်ဆိုတာသတိရပါ။ ဒီလိုမှမဟုတ်ရင်ကြောင့်ပျံသန်းပါလိမ့်မယ်။ အဆိုပါ browser မှာ handler သူကမတွေ့မှီတိုင်အောင်, အရာအားလုံး table ထဲမှာထည့်သွင်းရန်ဆက်လက်မည်ဟုဒြပ်စင်၏အဆုံးကိုရှာမည်။ အဆိုပါရလဒ်ဂျုံယာဂုဖြစ်လိမ့်မည်။
သငျသညျမှာ "Notepad" ၌ website တစ်ခုရေးဖို့လျှင်, အရာခပ်သိမ်းသည်မိမိလက်ကိုအတူလုပ်ဖို့ရပါလိမ့်မယ်။ ဒါကြောင့်ပေါ်တွင် "image ကိုထည့်သွင်း" နှင့် "စားပွဲပေါ်မှာထည့်သွင်း" - နောက်ဆုံးအယ်ဒီတာအတွက်ဆိုပါကတစ်ဦး button ကိုများသောအားဖြင့်ရှိပါတယ်။
ဥပမာ 2 စားပွဲတင် 2 ။
Tags: အဓိကစည်းမျဉ်းဖြစ်ပါသည်: တစ်ဦးချင်းစီတန်းအတွက်ဆဲလ်များ၏အရေအတွက်ကိုအတူတူပင်ဖြစ်ရပါမည်။ ဒါဟာစားပွဲတစ်ခုဖြစ်ပါတယ်။ ဒါပေမယ့် Word နဲ့ Excel အယ်ဒီတာ၌ရှိသကဲ့သို့, ဆဲလ်တွေအချင်းချင်းပေါင်းစပ်နိုင်ပါတယ်။ ပေါင်းစပ်ခြင်းနှင့်သုံးစွဲဖို့ Colspan Rowspan attributes ။ span "ဖုံး" သို့မဟုတ် "ထပ်" အဖြစ်ဘာသာပြန်ထားသောဖြစ်ပါတယ်။ ပကတိအဓိပ်ပာယျ - ကိုဖုံးလွှမ်းရန် / ပိတ်ဖို့ဆဲလ် / အတန်း။ ဒီ attribute ရဲ့တန်ဖိုးကပိတ်ဆို့ပါလိမ့်မည်မည်မျှတန်းစီသို့မဟုတ်ဆဲလ်တွေကိုသတ်မှတ်ရမည်ဖြစ်သည်။ အောက်ပါနှစ်ဦးစလုံးသုံးပြီးတစ်ခုဖော်ပြထားတာဥပမာတစ်ခုဖြစ်သည် HTML ကို attributes table ထဲမှာ။ = "3" attribute မှာ colspan သုံးပြီးဒီဥပမာထဲမှာ, ပထမဦးဆုံးလိုင်း 3 ထို့နောက်ပါတီအသီးသီးမှဆဲလ်တွေ။ ထို့နောက်ဒုတိယ string ကို၏ပထမဦးဆုံးဆဲလ်လေးတန်းအတွက်ဆန့်။ ကြောင်းလမ်းပိုင်းကိုသတိရပါ / ပထမဦးဆုံးဆဲလ်များတွင်သာပေါင်းစပ်။ သူမ၏ပိုင်ဆိုင်မှုအပေါ်ပြန့်နှံ့နေပါတယ်။ မပြုမီလာရှိသမျှတို့, ထိခိုက်မည်မဟုတ်ပါ။ သင် 2 ကနေ 4 ပေါင်းစည်းချင်တယ် 5 ဆဲလ်ရှိပါက, ထို့နောက်သင်ရုံဆဲလ်အရေအတွက်ကို 2 မှာလိုအပ်တဲ့ attribute ကို colspan = "3" ကိုသတ်မှတ်။ အပေါ်ကပုံထဲမှာ slot ကအရေအတွက်ကို 9 သတိပြုပါ။ အဲဒီမှာချက်ချင်းထို့နောက်ပါတီအသီးသီးမှဆဲလ်များနှင့်တန်းစီ။ ထိုကဲ့သို့သောလုပ်ရပ်များတားမြစ်ထားသောကြသည်မဟုတ်။ သတင်းအချက်အလက်လုံခြုံရေးအတွက်နောက်ဥပမာကိုကြည့်ပါ။ အချို့သောရှုပ်ထွေးကတည်းကနှင့်တစ်ခါတစ်ရံပေါင်းစပ်ဆဲလ်၏အတန်းအစား attributes ။ HTML ကိုတစ်ဦးသာမန်, စံကိစ္စတွင်ယူပါ။ နှစ်ခုဆဲလ်တစ်ခုချင်းစီကို၏စားပွဲတင်နှစ်ဦးတန်းစီ။ အောက်မှာဖေါ်ပြတဲ့အတိုင်းကုဒ်ကို၏ဖြစ်လိမ့်မည်။ သင်တို့ကိုတွေ့မြင်နိုင်သကဲ့သို့အဘယ်သူမျှမသက်ရောက်မှုရှိပါတယ်။ သငျသညျ, တစ်ဦး frame ကို add ရဲ့ width နဲ့ height ကိုသတ်မှတ်နိုင်ပါတယ်။ သငျသညျကိုလညျး alignment ကိုအတူဆော့ကစားနိုင်ပါတယ်။ ဒါဟာအမြင့်နှင့်အကျယ်နှစ်ဦးစလုံးအတွက် aligned နိုင်ပါသည်။ အလျားလိုက် align မှ align နှင့် valign - ဒေါင်လိုက်။ ဆိုလိုသည်မှာဤကဲ့သို့သောရလဒ်ပါပဲ။ attribute တွေ align နှင့် valign တစ်ခုလုံးကိုလိုင်းမှလျှောက်ထားနိုင်ပါသည်။ ထိုအခါက၌နေသောလူအပေါင်းတို့သည်ဆဲလ်သည်ဤဂုဏ်တော်မှဘာသာရပ်ဖြစ်လိမ့်မည်။ အဆိုပါ tag ကို ကိုမဆိုလိုပဲ tags များက HTML, စားပွဲပေါ်မှာစတိုင်များအားဖွငျ့ပြောင်းလဲနိုင်ပါသည်။ သင့်အနေဖြင့်ဦးခေါင်း၌စတိုင် file ကိုသတ်မှတ်ဖို့လိုအပ် ... <စတိုင်အမျိုးအစား = "စာသားကို / css "> စားပွဲ { font-family: Verdana, Arial, Helvetica, sans-serif; အရောင်: # 000000; } .my_class { အရောင်: # 666666; } ... သငျသညျစားပွဲတစ်ခုသတ်မှတ်လျှင်, ဒီစတိုင်စာမျက်နှာပေါ်မှာရှိသမျှစားပွဲလျှောက်ထားပါလိမ့်မယ်။ လုံးဝလူတိုင်းအတွက်။ သင်တစ်ဦးအစက်တစ်ခုလိုမင်းထက် name ကိုညွှန်ပြတော်မူသောဒုတိယနည်းလမ်းကိုအသုံးပြုမယ်ဆိုရင်အခြားထိခိုက်မပေးနေချိန်မှာသို့သော်, သို့ဖြစ်လျှင်ဤစတိုင်ဆိုလိုချင်သောစားပွဲပေါ်မှာမှလျှောက်ထားနိုင်ပါသည်။ အတန်းစားပွဲနှင့်တိကျတဲ့ဆဲလ်သို့မဟုတ်အတန်းများအတွက် tag ကိုအဖြစ်အသုံးပြုနိုင်သတိပြုပါ။ တစ်နေရာရာမှာအနုပညာရှင်ရဲ့ style အမှားတစ်ခုလျှင်, ရလဒ်ကိုတွေ့မြင်မည်မဟုတ်။ သို့သော်စတိုင်အမှားအယွင်းများရှိပါတယ်, ဒါပေမယ့်အမည်များအတူတူပါပဲ, အကျိုးသက်ရောက်မှုလိမ့်မည်မဟုတ်ပေလျှင်။ တစ်ခုချင်းစီကော်မာသို့မဟုတ်အူမကြီးအရေးပါသောအခန်းကဏ္ဍမှပါဝင်သည်။ အဘယ်အရာကို attributes စတိုင်အတန်း၌ရေးထားလျက်ရှိ၏ဘယ်သို့ရနိုင်သနည်း ကျောက်ပြားဖို့အထူးလျှောက်ထားကြောင်းအများအပြား attribute တွေရှိပါတယ်။ အရာ၏အခြေခံအကျဆုံးအလွန်အသုံးဝင်စဉ်းစားပါ။ တန်း။ တား အလျားလိုက် Alignment valign ဒေါင်လိုက် Alignment နောက်ခံ ဆဲလ် / table ထဲမှာနောက်ခံပုံ bgcolor ၏နောက်ခံအရောင် ဆဲလ် bordercolor Frame ကအရောင်စားပွဲပေါ်မှာ / ဆဲလ် အမြင့် ဆဲလ်အမြင့် nowrap တစ်ဦး string ကိုအတွက်ထုပ်ပိုးပြီးစာသားကိုတားမြစ်။ အကျယ် ဆဲလ် / စားပွဲပေါ်မှာရဲ့ width သငျသညျမွငျနိုငျသကဲ့သို့, table ထဲမှာအသုံးပြုမှုကို HTML ကို "tools များ" ၏ကြီးမားသောအရေအတွက်ကရှိနိုင်ပါသည်။ ကြောင့်သင်သည်လှပသောစားပွဲအမျိုးမျိုးကိုဖန်တီးနိုင်သည့်စတိုင်များဖြစ်ပါတယ်။ ဒါဟာအားလုံးဘယ်အရာကိုများနှင့်သင်မည်သို့ကြိုက်တယ်ပေါ်တွင်မူတည်သည်။ သငျသညျမွငျနိုငျသကဲ့သို့သင်တို့က HTML tags များကိုသုံးပါလျှင်, စားပွဲအသိအမှတ်ပြုမှုထက်ကျော်လွန်အသွင်ပြောင်းနိုင်ပါတယ်။ သင့်ရဲ့စိတ်ကူးစိတ်သန်းများကဆုံးဖြတ်ထားတတ်နိုင်သမျှကန့်သတ်။
ပထမဦးဆုံးဆဲလ်၏ပထမလိုင်းစာသား
ပထမဦးဆုံးဆဲလ်၏ဒုတိယလိုင်း၏စာသားကို
ဒုတိယအတန်း၏ပထမဦးဆုံးဆဲလ်၏စာသားကို
ဒုတိယအတန်း၏ဒုတိယဆဲလ်၏စာသားကို
နဲ့ စားပွဲ၏အစနှင့်အဆုံးကိုညွှန်ပြ။ Tags:
နဲ့ - အစအဦးများနှင့်လိုင်း၏အဆုံး။ တူညီတဲ့လိုင်းအတွက် tags များ နဲ့ အားဖြင့်သတ်မှတ်ကြသည်ဆဲလ်တွေကိုရေတွက်နိုင်စေနိုင်ပါတယ်။
စားပွဲတစ်ခုအတွက်ဆဲလ်တွေပေါင်းစပ်ဖို့ဘယ်လိုနေသလဲ?
စားပွဲစီစဉ်ဖွဲ့စည်းမှုပုံစံ
နဲ့ အပြင်, <ကြိမ်မြောက်> တစ်ဦးအပိုဆောင်း tag ကိုလည်းမရှိ။ တကယ်တော့သူက တစ်ခု analogue ဖြစ်ပါသည်, သို့သော်ကိုသာပထမဦးဆုံးအတန်းအတွက်အသုံးပြုသည်နှင့်ဦးတည်နေပါတယ်။ ပုံမှန်အားဖြင့်, ထို <ကြိမ်မြောက်> ဗဟိုပြုနှင့်ရဲရင့်အတွက်ဖြစ်ပါတယ်အတွက်စာသား။
စားပွဲပေါ်မှာမှစတိုင်များချိတ်ဆက်ဖို့ဘယ်လိုနေသလဲ?
= " 100%" border = "1">
ပထမဦးဆုံးဆဲလ် ၏ပထမလိုင်း၏စာသားကို
ပထမဦးဆုံးဆဲလ် ၏ဒုတိယလိုင်း၏စာသားကို
ဒုတိယအတန်း၏ပထမဦးဆုံးဆဲလ်၏စာသားကို
ဒုတိယအတန်း၏ဒုတိယဆဲလ်၏စာသားကို
စားပွဲအတွက်အပိုဆောင်း attribute တွေ
တင့်တယ် HTML ကိုစားပွဲသုံးပြီးဖန်တီးခဲ့သည်။ ဥပမာ
Similar articles
Trending Now
Newest