စားပွဲပေါ်မှာ attribute တွေသင်ယူခြင်းအားဖြင့် HTML ကိုစားပွဲထဲကအများဆုံးရယူခြင်း
HTML ကိုစားပွဲပေါ်မှာ attribute တွေသင်က HTML စားပွဲအပေါ်အများကြီးပိုထိန်းချုပ်မှုပေးပါ။ သူတို့ကိုပိုပြီးစိတ်ဝင်စားစရာကောင်းအောင်နှင့်သင့်စာမျက်နှာ၏အသွင်အပြင်ကိုပြောင်းလဲကျောက်ပြားကိုမှမရရှိနိုင် attribute တွေအများကြီးရှိပါတယ်။
HTML ကို TABLE Element ကို Attribute တွေက
HTML5 ကိုခုနှစ်တွင်ဒြပ်စင်ကမ္ဘာလုံးဆိုင်ရာ attribute တွေနှင့်တဦးတည်းကိုအခြား attribute ကိုအသုံးပြုသည်။ ထိုသို့သာ 1 သို့မဟုတ်ဗလာ (ဆိုလိုသည်မှာနယ်စပ် = "") ၏တန်ဖိုးရှိသည်ဖို့ပြောင်းလဲခဲ့ပါသည်။ သင်နယ်စပ်ရဲ့ width ကိုပြောင်းလဲလိုလျှင်, သင်နယ်စပ်-width ကို CSS ကို property ကိုသုံးသင့်ပါတယ်။
အဆိုပါခိုင်လုံသော HTML5 ကိုစားပွဲပေါ်မှာ attribute တွေအကြောင်းကိုလေ့လာသင်ယူဖို့အောက်ကကြည့်ရှုပါ။
HTML5 ကိုအတွက်အသုံးမပြုတော့တဲ့ဖြစ်လာသည်သောက HTML 4.01 သတ်မှတ်ချက်၏အစိတ်အပိုင်းတစ်ခုဖြစ်ကြောင်းတော်တော်များများ attribute တွေလည်းရှိပါတယ်:
- စားပွဲရဲ့ TD နှင့် TH ဒြပ်စင်ပေါ်တွင် CSS ကို padding ကိုပိုင်ဆိုင်မှု -Use ။
- စားပွဲပေါ်တွင် CSS ကိုပိုင်ဆိုင်မှုနယ်စပ်-Space -Use ။
- CSS ကိုစတိုင်များ -Use နယ်စပ်-အရောင်: အနက်ရောင်; နှင့်စားပွဲပေါ်တွင် border-style ။
- -Use CSS ကို စတိုင်များနယ်စပ်-အရောင်: အနက်ရောင်; နှင့်စားပွဲ၏သင့်လျော်သောဒြပ်စင်များပေါ်တွင် border-style ။
- -Instead, သင်ကစာတန်းအတွက် table ၏ဖွဲ့စည်းပုံကိုဖော်ပြရန်သို့မဟုတ်တစ်ပုံထဲမှာတစျခုလုံးကိုစားပွဲပေါ်မှာတင်နှင့် FIGCAPTION ထဲမှာဖော်ပြသင့်ပါတယ်။ အဘယ်သူမျှမရှင်းပြချက်လိုအပ်ကြောင်းဒါကြောင့်တနည်းအားဖြင့်, သင် table ၏ဖွဲ့စည်းပုံမှာရိုးရှင်းနိုင်ဘူး။
- အဆိုပါ CSS ကိုအကျယ်ပိုင်ဆိုင်မှု -Use ။
နဲ့ HTML 4.01 အတွက်ကန့်ကွက်ခံထားနှင့် HTML5 ကိုလည်းအသုံးမပြုတော့ဖြစ်ပါတယ်ခဲ့ကွောငျးတစျခု attribute က။
က HTML 4.01 TABLE Attribute တွေကအကြောင်းပိုမိုလေ့လာပါ။
- align အစား CSS ကိုအနားသတ်ပိုင်ဆိုင်မှု -Use ။
မည်သည့် HTML ကိုသတ်မှတ်ချက်၏အစိတ်အပိုင်းတစ်ခုမဟုတ်အများအပြား attribute တွေလည်းရှိပါတယ်။
သင်ကူညီပံ့ပိုးသည့် browser များကသူတို့ကိုကိုင်တွယ်ထိန်းသိမ်းနိုင်နှင့်သင်ခိုင်လုံသော HTML ကိုဂရုစိုက်မသိလျှင်ထိုအ attribute တွေကိုသုံးပါ။
- အစား CSS ကိုပိုင်ဆိုင်မှု background-color -Use ။
- bordercolor အစား CSS ကိုပိုင်ဆိုင်မှု -Use bordercolor ။
- အစား CSS ကိုပိုင်ဆိုင်မှုနယ်စပ်-အရောင် -Use bordercolorlight ။
- အဆိုပါ CSS ကိုပိုင်ဆိုင်မှုနယ်စပ်-အရောင် -Use bordercolordark အစား။
- cols -There ဒီ attribute ကိုရန်မကအခြားရွေးချယ်စရာဖြစ်ပါတယ်။
- အစား CSS ကိုပိုင်ဆိုင်မှုအမြင့် -Use အမြင့်။
- အစား CSS ကိုပိုင်ဆိုင်မှုရဲ့ margin -Use ။
- အစား CSS ကိုပိုင်ဆိုင်မှုရဲ့ margin -Use ။
- အစား CSS ကိုပိုင်ဆိုင်မှုအဖြူ-space ကို -Use ။
- အစား-align ဒေါင်လိုက် CSS ကိုပိုင်ဆိုင်မှု -Use ။
အဆိုပါ Browser ကိုအတိအကျ TABLE Attribute တွေကအကြောင်းပိုမိုလေ့လာပါ။
HTML5 ကို TABLE Element ကို Attribute တွေက
ကျွန်တော်အထက်တွင်ဖော်ပြခဲ့သည့်အတိုင်းတစ်ဦးတည်းသာ attribute ကိုလည်းမရှိ, ကမ္ဘာလုံးဆိုင်ရာ attribute တွေတဘက်, တစ်ခု HTML5 ကို TABLE ဒြပ်စင်ပေါ်တွင်တရားဝင်သည်: နယ်စပ်။
အဆိုပါနယ်စပ် attribute ကိုကအတွင်းတစ်ခုလုံးကိုစားပွဲပတ်လည်တစ်နယ်စပ်နှင့်တကွလူအပေါင်းတို့ဆဲလ်တွေသတ်မှတ်အသုံးပြုသည်။ အချို့ရှိသညျ့မေးခှနျးက HTML5 ကိုအသေးစိတ်ဖော်ပြချက်တွင်ထည့်သွင်းမည်ဖြစ်ကြောင်းရှိမရှိအဖြစ်ခဲ့တယ်, ဒါပေမယ့်ဒါဟာရိုးရှင်းစွာစတိုင်သက်ရောက်မှုတွေတဘက်, စားပွဲပေါ်မှာဖွဲ့စည်းပုံအကြောင်းသတင်းအချက်အလက်ထောက်ပံ့ကြောင့်ထိုသို့ပြုကျန်ရစ်၏။
နယ်စပ်နှင့်အချည်းနှီးသောရှိလျှင်အဲဒီမှာမပါလျှင်နယ်စပ် attribute ကိုထည့်ရန်, သငျသညျ (သို့မဟုတ် attribute မှာပယ်စွန့်ခွာ) 1 မှတန်ဖိုးထားကြ၏။ အများစုမှာ browser များကိုလည်း pixels ကိုအတွက်နယ်စပ်ရဲ့ width ကိုကြေညာရန်အဘယ်သူမျှမနယ်စပ်များအတွက် 0 င်များနှင့်အခြားမည်သည့်ကိန်းတန်ဖိုး (2, 3, 30, 500, etc) ကိုထောက်ပံ့ပါလိမ့်မယ်, ဒါပေမယ့်ဒီ HTML 5 အတွက်အသုံးမပြုတော့ဖြစ်ပါတယ်။ အဲဒီအစားသင်ကနယ်စပ်သတ်မှတ်ဖို့ CSS ကိုနယ်စပ်စတိုင်ဂုဏ်သတ္တိများကိုအသုံးပြုသင့်ပါတယ် အကျယ် နှင့်အခြားစတိုင်များ။
နယ်စပ်နှင့်အတူစားပွဲတစ်ခုဖန်တီးရန်ရေးရန်:
ကိုနယ်စပ် = "1">
ဒါကနယ်စပ် td> နှင့်အတူစားပွဲတစ်ခုဖြစ်ပါသည်
TR>
table>HTML5 ကိုအတွက်အသုံးမပြုတော့ဖြစ်ကြောင်း HTML ကို 4.01 attribute တွေရှိပါတယ်။ သငျသညျက HTML 4.01 စာရွက်စာတမ်းများရေးသားခြင်းအပေါ်အစီအစဉ်ရှိပါကသင်သည်ထိုသူတို့သင်ယူနိုင်ပါသည်, မဟုတ်ရင်, သင်သည်ထိုသူတို့လျစ်လျူရှုနိုင်ပါတယ်။ ဤအ attribute တွေအများစုဟာအထက်တွင်ဖော်ပြထားအခြားနည်းလမ်း, ရှိသည်။
ကျနော်တို့အတွက်ခိုင်လုံသောသောဒြပ်စင်၏ဂုဏ်တော်ကိုဖော်ပြရန် HTML5 ကို (နှင့် HTML ကို 4.01) ။ ဤသည်က HTML 4.01 အတွက်ခိုင်လုံသောသော TABLE attribute တွေကိုဖော်ပြထားတယ်, ဒါပေမယ့် HTML5 ကိုအတွက်အသုံးမပြုတော့တဲ့ဖြစ်ကြသည်။ သင်ဆဲက HTML 4.01 စာရွက်စာတမ်းများရေးလိုက်လျှင်သင်သည်ဤ attribute တွေကိုသုံးနိုင်သည်, ဒါပေမယ့်သူတို့ထဲကအများစုဟာသင့်ရဲ့စာမကျြနှာကိုပိုငျသညျ HTML5 ကိုပြောင်းရွှေ့ကြဘူးလာသောအခါများအတွက်အနာဂတ်-proofed စေမည်ကြောင်းအခြားနည်းလမ်းရှိသည်။
သက်တမ်းရှိ HTML ကို 4.01 Attribute တွေက
ကျွန်တော်အထက်တွင်ဖော်ပြထား attribute မှာ။
အတွက်တစ်ခုတည်းသောခြားနားချက် က HTML HTML5 ကိုကနေ 4.01 သင် pixels ကိုအတွက်နယ်စပ်ရဲ့ width သတ်မှတ်ဖို့ဆိုတပြင်လုံးကို integer ဖြစ်တဲ့အတွက် (စသည်တို့ကို 0 င်, 1, 2, 15, 20, 200) ကိုသတ်မှတ်လို့ရပါတယ်။
တစ်ဦး 5px နယ်စပ်နှင့်အတူစားပွဲတစ်ခုတည်ဆောက်ရန်, ရေးရန်:
ကိုနယ်စပ် = "5">
ဒါကစားပွဲပေါ်မှာတစ် 5px နယ်စပ်ရှိပါတယ်။ td>
TR>
table>နယ်စပ်နှင့်အတူကျောက်ပြားနှစ်ပြား၏ဥပမာတစ်ခုကိုကြည့်ပါ။
attribute မှာဆဲလ်နယ်နိမိတ်နှင့်ဆဲလ်ရဲ့ contents အကြား space ၏ပမာဏကိုသတ်မှတ်ပါတယ်။ ကို default နှစ်ခု pixels ကိုဖြစ်ပါတယ်။ သင် contents တွေကိုနှင့်နယ်နိမိတ်အကြားမျှအာကာသချင်တယ်ဆိုရင်ပါ 0 င်ဖို့ cellpadding သတ်မှတ်မည်။
20 ဆဲလ် padding ကိုတင်ထားရန်, ရေးရန်:
cellpadding = "20">
ဒါကစားပွဲပေါ်မှာ 20 တစ် cellpadding ရှိပါတယ်။ td>
TR>
ဆဲလ်နယ်နိမိတ် 20 pixels ကိုအားဖြင့်ကွဲကွာပါလိမ့်မည်။ td>
TR>
table>cellpadding နှင့်အတူစားပွဲတစ်ခု၏ဥပမာတစ်ခု View
အဆိုပါ attribute ကိုစားပွဲပေါ်မှာဆဲလ်များနှင့်ဆဲလ်အကြောင်းအရာအကြား space ၏ပမာဏကိုသတ်မှတ်ပါတယ်။ cellpadding ကဲ့သို့ပင်ကို default နှစ်ခု pixels ကိုသတ်မှတ်, ဒါကြောင့်သင်တို့သည်နောက်ဆဲလ်အကွာချင်လျှင်သင် 0 င်ဖို့ကသတ်မှတ်ထားရမည်ဖြစ်သည်။
စားပွဲတစ်ခုမှဆဲလ်အကွာကိုထည့်သွင်းဖို့, ရေးရန်:
cellspacing = "20">
ဒါကစားပွဲပေါ်မှာ 20 တစ် cellspacing ရှိပါတယ်။ td>
TR>
ဆဲလ် 20 pixels ကိုအားဖြင့်ကွဲကွာပါလိမ့်မည်။ td>
TR>
table>cellspacing နှင့်အတူစားပွဲတစ်ခုကိုကြည့်ပါ
အဆိုပါ attribute ကိုစားပွဲတစ်ခု၏အပြင်ဘက်တွင်ပတျဝနျးကငျြနယ်စပ်ဝေမျှမြင်နိုင်ပါလိမ့်မည်သည့်သတ်မှတ်။ သင်တို့ရှိသမျှလေးလက်ဝဲနှင့်လက်ယာနှစ်ဖက်, တစုံတယောက်သောသူသည်ဘက်ထိပ်နဲ့အောက်ဆုံး, သို့မဟုတ်ဘယ်သူမျှမပေါ်တွင်သင်၏စားပွဲပေါ်မှာဘောင်နိုင်ပါတယ်။
ဤတွင်သာလက်ဝဲဘက်ခြမ်းနယ်စပ်နှင့်အတူစားပွဲတစ်ခုများအတွက် HTML ကိုဖြစ်ပါသည်:
ဘောင် = "lhs">
ဒါကစားပွဲပေါ်မှာ td>
ရပါလိမ့်မယ် td>
TR>
သာ td>
left ခြမ်းရှုမြင်သုံးသပ်ကြ။ td>
TR>
table>နှင့်အောက်ခြေဘောင်နှင့်အတူအခြားဥပမာ:
ဘောင် = "အောက်တွင်ဖော်ပြထားသော">
ဒါကစားပွဲပေါ်မှာအောက်ခြေပေါ်မှာ frame ရှိပါတယ်။ td>
TR>
table>ဘောင်များနှင့်အတူအချို့သောစားပွဲထုတ်စစ်ဆေး
အဆိုပါ attribute ကိုသာစားပွဲ၏ဆဲလ်တွေပတ်လည်နယ်နိမိတ်အပေါ်သက်ရောက်မှု, frame ကို attribute ကိုဆင်တူသည်။ သငျသညျ TBODY နှင့် TFOOT သို့မဟုတ်အဘယ်သူအားမျှနဲ့တူအုပ်စုများအကြား, ကော်လံအကြား, ရှိသမျှဆဲလ်အပေါ်စည်းမျဉ်းစည်းကမ်းတွေကိုသတ်မှတ်နိုင်သည်။
တစ်ဦးတည်ဆောက်မှ လိုင်းများနှင့်အတူစားပွဲ သာတန်းစီအကြား, ရေးရန်:
စည်းမျဉ်းစည်းကမ်းတွေကို = "အတန်း">
ဒါက 4x4 စားပွဲပေါ်မှာ td> ရှိပါတယ်
အဆိုပါအတန်းမဟုတ်ကော်လံ td>
TR>
က td> အတူဖော်ပြထား
စည်းမျဉ်းစည်းကမ်းတွေကို attribute ။ td>
TR>
table>ထိုအခါကော်လံအကြားလိုင်းများနှင့်အတူအခြား:
စည်းမျဉ်းစည်းကမ်းတွေကို = "cols">
ဒါကဖြစ်ပါတယ် td>
စားပွဲတစ်ခု td>
ရှိရာ td>
TR>
ကော်လံ td>
ဖြစ်ကြသည် td>
Highlighted td>
TR>
table>ဒီနေရာတွင်စည်းမျဉ်းစည်းကမ်းတွေနှင့်အတူ aa table ၏ဥပမာတစ်ခုဖြစ်ပါသည်
attribute မှာ screen ကိုစာဖတ်သူများနှင့်ဒုက္ခစားပွဲဖတ်နေကြအံ့သောငှါအခြားအသုံးပြုသူအေးဂျင့်များအဘို့စားပွဲကိုအကြောင်းသတင်းအချက်အလက်ပေးစွမ်းသည်။ အဆိုပါအကျဉ်းချုပ် attribute ကိုသုံးစွဲဖို့, သင် table ၏အကျဉ်းဖော်ပြချက်တက်ရေးနှင့် attribute ကို၏တန်ဖိုးအဖြစ်ထားတော်မူ၏။ အဆိုပါအကျဉ်းချုပ်အရှိဆုံးစံကို web browser များအတွက်ဝဘ်စာမျက်နှာပေါ်မပြပါလိမ့်မယ်။
ဤတွင်အကျဉ်းချုပ်နှင့်အတူရိုးရှင်းသောစားပွဲပေါ်မှာရေးသားဖို့ကိုဘယ်လိုဖြစ်ပါသည်:
ကိုအကျဉ်းချုပ် = "ဒါက Filler သတင်းအချက်အလက်များပါဝင်သည်တဲ့နမူနာစားပွဲပေါ်မှာဖြစ်ပါတယ်။ ဒီစားပွဲ၏ရည်ရွယ်ချက်မှာတစ်ဦးအကျဉ်းချုပ်သရုပ်ပြဖို့ဖြစ်ပါတယ်။ " >
ကော်လံ 1 တန်း 1 td>
ကော်လံ 2 တန်း 1 td>
TR>
ကော်လံ 1 တန်း 2 td>
ကော်လံ 2 တန်း 2 td>
TR>
table>အကျဉ်းချုပ်နှင့်အတူစားပွဲတစ်ခု View
attribute မှာ pixels ကိုဖြစ်စေဒါမှမဟုတ်ကွန်တိန်နာဒြပ်စင်၏ရာခိုင်နှုန်းအဖြစ်စားပွဲပေါ်မှာရဲ့ width သတ်မှတ်ပါတယ်။ width ကိုသတ်မှတ်မထားလျှင်ကြောင့်မိဘဒြပ်စင်ရဲ့ width ကဲ့သို့တူညီသောအများဆုံးအကျယ်နှင့်တကွ, contents တွေကိုပြသဖို့လိုအပ်ပါတယ်သကဲ့သို့, စားပွဲပေါ်မှာသာသလောက်အာကာသကိုတက်ယူပါလိမ့်မယ်။
pixels ကိုတစ်ဦးသတ်သတ်မှတ်မှတ်အကျယ်နှင့်အတူစားပွဲတစ်ခုတည်ဆောက်ရန်, ရေးရန်:
ကိုအကျယ် = "300">
ဒါကစားပွဲပေါ်မှာအထဲတွင်င်ကွန်တိန်နာရဲ့ width ၏ 80% ဖြစ်ပါတယ်။ td>
TR>
table>ရေး, မိဘဒြပ်စင်တစ်ခုရာခိုင်နှုန်းသော width ကိုအတူစားပွဲတစ်ခုတည်ဆောက်ရန်:
ကိုအကျယ် = "80%">
ဒါကစားပွဲပေါ်မှာအထဲတွင်င်ကွန်တိန်နာရဲ့ width ၏ 80% ဖြစ်ပါတယ်။ td>
TR>
table>တစ်ဦးရဲ့ width နဲ့ table ၏ဥပမာတစ်ခုကိုကြည့်ပါ
ကန့်ကွက်ခံထားရသော HTML ကို 4.01 TABLE Attribute
HTML5 ကိုအတွက် HTML ကို 4.01 အတွက်ကန့်ကွက်ခံထားနှင့်ပေါရာဏသော TABLE ဒြပ်စင်တွေထဲက attribute ကိုရှိပါတယ်: align ။ ဤသည် attribute ကိုစားပွဲအနားမှာကြောင်းစာသားမှဆွေမျိုးစာမျက်နှာပေါ်တွင်တည်ရှိပြီးရပါမည်ရှိရာအရပ်၌သင်တို့ကိုသတ်မှတ်ပေးနိုင်ပါတယ်။ ဤသည် attribute ကို HTML ကို 4.01 အတွက်ကန့်ကွက်ခံထားခဲ့ပြီး, သင်ကသုံးပြီးရှောင်ရှားသင့်ပါတယ်။ အဲဒီအစားသင်က CSS ကိုပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုသို့မဟုတ် margin-လက်ဝဲအသုံးပွုသငျ့: အော်တို; နှင့် margin-ညာဘက်: အော်တို; စတိုင်များ။ ကတော့ float property ကိုသင် align attribute ကိုထောက်ပံ့ပေးအဘယ်အရာကိုပိုမိုနီးကပ်စွာဖြစ်ပါသည်, သို့သော်စာမျက်နှာပါအကြောင်းအရာများကို display ကို၏ကျန်လမ်းကိုထိခိုက်စေနိုငျသောရလဒ်ပေးသည်။ အဆိုပါအနားသတ်ညာ: အော်တို; နှင့် margin-လက်ဝဲ: အော်တို; အဆိုပါ W3C တစ်ဦးကအခြားရွေးချယ်စရာအဖြစ်အကြံပြုဘာတွေလုပ်နေလဲ။
ဤတွင် align attribute ကိုသုံးပြီးကန့်ကွက်ခံထားရသောဥပမာဖြစ်ပါသည်:
align = "ညာဘက်">
ဒါကစားပွဲပေါ်မှာညာဘက် aligned ဖြစ်ပါတယ် td>
TR>
စာသားဘယ်ဘက်ကိုလှည့်ပတ်စီးဆင်း td>
TR>
table>အဆိုပါ align attribute ကိုသုံးပြီးကန့်ကွက်ခံထားရသောဥပမာကိုကြည့်ပါ။
နှင့် (Non-ကန့်ကွက်ခံထားရသော) သက်တမ်းရှိ HTML ကိုအတူတူအကျိုးသက်ရောက်မှုရရန်, ရေးရန်:
ကိုစတိုင် = "float: ညာဘက်;" >
ဒါကစားပွဲပေါ်မှာညာဘက် aligned ဖြစ်ပါတယ် td>
TR>
စာသားဘယ်ဘက်ကိုလှည့်ပတ်စီးဆင်း td>
TR>
table>အောက်ပါတစ်ခုခုက HTML သတ်မှတ်ချက်၏အစိတ်အပိုင်းတစ်ခုမဟုတ် TABLE attribute တွေကရှင်းပြသည်။
ယခင်သတင်းအချက်အလက်က HTML 4.01 အတွက်တရားဝင်ပေမယ် HTML5 ကိုအတွက်အသုံးမပြုတော့သောက HTML element ရဲ့ attribute တွေဖော်ပြသည်။
အောက်ပါတစ်ခုခုလက်ရှိသတ်မှတ်ချက်အတွက်တရားဝင်မဟုတ် TABLE attribute တွေဖော်ပြသည်။ သင်သည်သင်၏စာမကျြနှာမှန်ကန်ကြောင်းသက်သေပြခြင်းရှိမရှိနှင့် ပတ်သက်. ဂရုမစိုက်ပါဘူးနှင့်သင့်အသုံးပြုသူများသည်ကဤဒြပ်စင်ကိုထောက်ပံ့မယ့် Browser ကိုအသုံးပြုပါလျှင်, သင်တို့သည်ဤဒြပ်စင်ကိုသုံးနိုင်သည်။ ဒါပေမယ့်သူတို့ထဲကအများစုဟာခေတ်ပေါ် browser များအတွက်ဖြစ်စေမထောက်ပံ့နေကြသည်သို့မဟုတ်ထိုထက်ပိုစံချိန်စံညွှန်းများ-compliant ဖြစ်ကြောင်းအခြားနည်းလမ်းရှိသည်။
ငါတို့သည်သင်တို့၏ HTML ကိုစားပွဲပေါ်ဤအကြောင်း attribute တွေသုံးပြီးအကြံပြုကြပါဘူး။
attribute မှာ CSS ကိုကျယ်ပြန့်ထောက်ခံမီထည့်သွင်းခဲ့ဟောင်း attribute ကဖြစ်ပါတယ်။ ဒါဟာသင်စားပွဲ၏နောက်ခံအရောင်ကိုပြောင်းလဲခွင့်ပြုပါတယ်။ သင်တစ်ဦးအရောင်အမည်သို့မဟုတ်တစ်ဦး hexadecimal code ကိုသတ်မှတ်နိုင်သည်။ ဤသည် attribute ကိုနေဆဲ browser များတွေအများကြီးထဲမှာအလုပ်လုပ်တယ်, ဒါပေမယ့်အနာဂတ်-proofed HTML ကိုများအတွက်, သငျသညျကိုအသုံးပြုရန်နှင့်အစား CSS ကိုမသုံးသင့်ပါတယ်။
ဒီ attribute ကိုမှပိုကောင်းအခြားရွေးချယ်စရာစတိုင်အိမ်ခြံမြေဖြစ်ပါတယ်။
စားပွဲတစ်ခု၏နောက်ခံအရောင်ကိုပြောင်းလဲစေရန်, ရေးရန်:
ကိုစတိုင် = "background-color: #ccc;" >
ဒါကစားပွဲပေါ်မှာမီးခိုးရောင်နောက်ခံ td> ရှိပါတယ်
TR>
table>အဆိုပါ bgcolor attribute ကိုဆင်တူသည် bordercolor attribute ကိုသင် attribute ကို၏အရောင်ကိုပြောင်းလဲပေးနိုင်ပါတယ်။ ဤသည် attribute ကိုသာက Internet Explorer ကထောက်ခံသည်။ အဲဒီအစားသင်ကနယ်စပ်-အရောင်စတိုင် property ကိုသုံးသင့်ပါတယ်။
သင့်စားပွဲရဲ့နယ်စပ်၏အရောင်ကိုပြောင်းလဲစေရန်, ရေးရန်:
style = "border-color: red;" >
ဒါကစားပွဲပေါ်မှာအနီရောင်နယ်စပ်ရှိပါတယ်။ td>
TR>
table>အဆိုပါ bordercolorlight နှင့် bordercolordark attribute တွေသင့်စားပွဲပတ်လည်တစ် 3D နယ်စပ်ကိုဖန်တီးရန်ခွင့်ပြုပါရန်က Internet Explorer တွင်ထည့်သွင်းခဲ့ကြသည်။ သို့သျောလညျးကိုတက် IE8 နဲ့အဖြစ်, ဒီသာအတွက်ပံ့ပိုး IE7 စံချိန်စံညွှန်း Mode ကိုနှင့် Quirks Mode ကို ။ Microsoft ကထိုအဂုဏ်သတ္တိများမရှိတော့ထောက်ခံကြသည်ဟုဆို၏။
တိုတောင်းတဲ့အချိန်အဘို့, cols စားပွဲပေါ်မှာဒြပ်စင်အပေါ် attribute browser များစားပွဲတစ်ခုရှိခဲ့ပါတယ်မည်မျှကော်လံကိုသိကူညီရန်အဆိုပြုခဲ့ပါတယ်။ အဆိုပါရဝုဏ်ဒီကြီးမားတဲ့စားပွဲ၏တင်ဆက်မှုအရှိန်မြှင့်ကူညီမယ်လို့ဖြစ်ခဲ့သည်။ သို့သော်သူကသာက Internet Explorer အားဖြင့်အကောင်အထည်ဖော်ခဲ့သည်နှင့်တက် IE8 နဲ့အဖြစ်, ဒီသာ IE7 စံချိန်စံညွှန်း Mode ကိုနှင့် Quirks Mode တွင်ထောက်ခံသည်။
(HTML5 ကိုအတွက်အသုံးမပြုတော့တဲ့) များစွာသောလူအဖြစ်ကိုကောင်းစွာစားပွဲများအတွက်အမြင့် attribute ကိုရှိခဲ့သည်ယူဆတစ် width ကို attribute ကိုလည်းမရှိသောကွောငျ့ဖွစျသညျ။ စားပွဲကသူတို့ရဲ့ content တွေကိုရဲ့ width ဒါမှမဟုတ် CSS ကိုသို့မဟုတ် width ကို attribute ကိုအတွက်သတ်မှတ်ထားသော width ကိုမှကိုက်ညီသောကွောငျ့ဒါပေမယ့်အမြင့်သတ်လို့မရပါ။ ဒါကြောင့်အစား, browser များအမြင့် attribute ကိုစားပွဲ၏နိမ့်ဆုံးအမြင့်သတ်မှတ်ဖို့ခွင့်ပြုခဲ့ပါသည်။ စားပွဲပေါ်မှာကြောင်းအမြင့်ထက်ကြီး၏ခဲ့ကြသည်ဆိုပါကကြီး၏ဖော်ပြရန်လိမ့်မယ်။ ဒါပေမယ့်သင်ကပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုကိုအသုံးပြုသင့်ပါတယ်
သင်သည်မည်သည့်ပိုလျှံအကြောင်းအရာနှင့်ဖြစ်ပျက်သတ်မှတ်ပေးရန်လည်း CSS ကို property ကိုသုံးလျှင် CSS ကိုအမြင့်ပိုင်ဆိုင်မှုအားဖြင့်သင်တို့ကိုအမြင့်ကျပ်နိုင်ပါတယ်။
တစ်စားပွဲပေါ်တွင်နိမ့်ဆုံးအမြင့်သတ်မှတ်ထားရေးဖို့:
ကိုစတိုင် = "အမြင့်: 30em;" >
ဒါကစားပွဲပေါ်မှာအနည်းဆုံး 30 EMS မြင့်မားသည်။ td>
TR>
table>အဆိုပါနှစ်ဦးကို attribute တွေနှင့်ကဆက်ပြောသည်ညာဘက် / လက်ဝဲနှစ်ဖက် (hspace) ဝန်းကျင်အာကာသနှင့်စားပွဲထိပ် / အောက်ဆုံး (vspace) ။ သငျသညျအစားစတိုင် property ကိုသုံးသင့်ပါတယ်။
, 40 pixels ကို 20 pixels ကိုနှင့်အလျားလိုက်အာကာသဖို့ဒေါင်လိုက်အာကာသ set ရေးဖို့:
ကိုစတိုင် = "margin: 20px 40px;"
ဒါကစားပွဲပေါ်မှာ 20 pixels ကိုတစ် vspace နှင့် 40 pixels ကိုတစ်ဦး hspace ရှိပါတယ်။ td>
TR>
table>အဆိုပါ attribute ကိုစားပွဲရဲ့ contents မိဘဒြပ်စင်သို့မဟုတ် window ၏အစွန်းမှာခြုံသို့မဟုတ်အလျားလိုက် scrolling မအတင်းသင့်ပါတယ်ရှိမရှိသတ်မှတ်ပါတယ်တဲ့ boolean attribute ကဖြစ်ပါတယ်။ အဲဒီအစားသင်က CSS ကို property သုံးပြီးတစ်ဦးချင်းစီစားပွဲဆဲလ်၏ထုပ်ဝိသေသလက္ခဏာများသတ်မှတ်သင့်ပါတယ်။
စာသားတွေအများကြီးနဲ့ကော်လံခြုံမဟုတ်ဖြစ်စေခြင်းငှါ, ရေးရန်:
style = "အဖြူ-အာကာသ: nowrap;" > ဒါကအကြောင်းအရာတစ်တန်နဲ့ကော်လံဖြစ်ပါတယ်။ သို့သော်ထိုသို့ကွန်တိန်နာထက်ပိုမိုကျယ်ပြန်ပင်လျှင်စာသားလာမည့်လိုင်းမှခြုံပေမယ့်အစားအပေါငျးတို့သ content တွေကိုကြည့်ဖို့အလျားလိုက် scroll ဖို့ browser ကိုပြတင်းပေါက်အတင်းမပေးသင့်ပါတယ်။ td>
TR>
table>နောက်ဆုံးအနေနဲ့ attribute မှာတစ်ခုချင်းစီကိုဆဲလ်ရဲ့ contents ဆဲလ်အတွင်းဒေါင်လိုက် align သင့်တယ်ဘယ်လိုသတ်မှတ်ပါတယ်။ အဲဒီအစားဤမမှန်ကန်သော attribute ကို၏, သင်၏ alignment ကိုပြောင်းလဲပစ်ရန်လိုခငျြတစျခုစီဆဲလ်အပေါ် CSS ကို property ကိုသုံးသင့်ပါတယ်။ ဆဲလ်ရဲ့ contents တွေကိုကတခြား, ပိုကြီးတဲ့ဆဲလ်တွေအသုံးပြုနေသူများကဖန်တီးရရှိနိုင်သောအာကာသထက်လျော့နည်းများမှာမဟုတ်လျှင်သင်ဤစတိုင်များ၏သက်ရောက်မှုကိုသတိပြုမိမည်မဟုတ်။
(ပုံသေအဖြစ်, အစားအလယ်ထက်) အောက်ဆုံးမှ align တစ်ဆဲလ်အတင်းရန်, ရေးရန်:
ဒါကဆဲလ်ရှည်ကြွင်းသောအရာထက်သည်နှင့်ဒါကြီး၏ဖြစ်ဖို့အမြင့်အတင်းပါလိမ့်မယ်။ ဒါကြောင့်သင်ကဒေါင်လိုက် aligned ဆဲလ်အောက်ဆုံးမှ aligned ကြောင်းမြင်ရပါလိမ့်မည်။ td>
style = "ဒေါင်လိုက်-align: အောက်ဆုံး;" အောက်ခြေမှာ> မာတိကာ။ td>
အလယ်တန်းအတွက်မာတိကာ။ td>
TR>
table>