အကူအညီ:ဇယားများ

(အကူအညီ:Table မှ ပြန်ညွှန်းထားသည်)
အကူအညီရေးသားပြုပြင်ခြင်းအသုံးပြုခြင်းရေးထုံး လမ်းစဉ်

စတင်ခြင်းပြင်ဆင်ခြင်းပုံချခြင်း (Formatting)၊ ဆက်စပ်ခြင်း (Linking)၊ နံပါတ် (list)၊ ဇယားချခြင်း (Table)၊ Infobox၊ ပုံများ (Image)၊ ပေါင်းစပ်ခြင်း၊ ကိုးကားချက်၊ သင်္ချာမှတ်စု


Table

Table တစ်ခုတည်ဆောက်ချင်ရင်တော့ wiki မှာ html နဲ့ မတူပါဘူး။ ဒါပေမယ့် syntax ကတော့ တူပါတယ်။ HTML မှာ <table> နဲ့စကာ </table>ဆုံးတာ ဖြစ်ပြီး ဒီမှာတော့ { | နဲ့စပြီးတော့ |} ဆုံးပါတယ်။ HTML မှာ <tr> နေရာကို ဒီမှာတော့ |- လို့ပြောင်းထားပါတယ်။ <td> နေရာကိုတော့ ဒီမှာတော့ | လို့ပြောင်းရေးရပါမယ်။

Cell 1Cell 2
Cell 3Cell 4

{||-|Cell 1|Cell 2|-|Cell 3|Cell 4|}|}

ဇယား တစ်ခုကို စချင်ရင်တော့ {| နဲ့ စရပါတယ်။ row တစ်ခုကို တည်ဆောက်မယ်ဆိုရင်တော့ |- ကိုအသုံးပြုရပါမယ်။ အတွင်းမှာရှိတဲ့ column ကိုတော့ | ကိုအသုံးပြုရပါတယ်။ column အရေအတွက် လိုသလောက် ထည့်သွင်းရပါမယ်။ အပေါ်ဆုံး row မှာ ၂ ခုဆို ကျန်တာအားလုံးလည်း ၂ ခုပါ။

Row 2 ခု Column 3 ခု ရှိတဲ့ Table တစ်ခုကို အခုလို တည်ဆောက် နိုင်ပါတယ်။

Row1 Cell1Row1 Cell2Row1 Cell3
Row2 Cell1Row2 Cell2Row2 Cell3

{||-|Row1 Cell1|Row1 Cell2|Row1 Cell3|-|Row2 Cell1|Row2 Cell2|Row2 Cell3|}

Attribute And Style

ကျွန်တော်တို့တွေ style sheet ကိုလည်း ထည့်သွင်းအသုံးပြုနိုင်ပါတယ်။ နောက်ပြီး HTML က table ရဲ့ attribute တွေကိုအသုံးပြုနိုင်ပါတယ်။

Row1 Cell1Row1 Cell2Row1 Cell3
Row2 Cell1Row2 Cell2Row2 Cell3

{| border="1" style="font-size:9px"|-|Row1 Cell1|Row1 Cell2|Row1 Cell3|-|Row2 Cell1|Row2 Cell2|Row2 Cell3|}အဲဒီမှာဆိုရင် border ဆိုတဲ့ attribute ကိုအသုံးပြုထားပါတယ်။ style ကတော့ CSS ပါ။ မိမိနှစ်သက်ရာကို style sheet ကိုရေးသားနိုင်ပါတယ်။ ထို့အပြင် row တစ်ခုဆီတွက်လည်း ရေးသားနိုင်ပါတယ်။

Row1 Cell1Row1 Cell2Row1 Cell3
Row2 Cell1Row2 Cell2Row2 Cell3

{| border="1" style="font-size:10px"|-style="font-size:12px;color:blue"|Row1 Cell1|Row1 Cell2|Row1 Cell3|-style="font-size:12px;color:red"|Row2 Cell1|Row2 Cell2|Row2 Cell3|}

Colspan And Row Span

ကျွန်တော်တို့တွေ Column တွေကို ပေါင်းချင်ရင် merge လုပ်ချင်ရင်ပေါ့ HTML မှာလို colspan ကိုအသုံးပြုနိုင်ပါတယ်။

Row1 Cell1Row1 Cell2


Row2 Cell1Row2 Cell2
Row3 Cell1Row3 Cell2Row3 Cell3

{| border="1" style="font-size:10px"|-| colspan="3" | Row 1 Cell1|-| colspan="2" | Row2 Cell1 || Row2 Cell2|-style="font-size:12px;color:red"|Row3 Cell1 || colspan="2" | Row3 Cell2|-|Row4 Cell1|Row4 Cell2|Row4 Cell3|} colspan ကိုအသုံးပြုရင်တော့ cell မှာ || အဖြစ်ပြောင်းသွားတာကိုတွေ့နိုင်ပါတယ်။ colspan မှာ column ၃ခုရှိတဲ့အတွက် column ၂ခုပေါင်းလိုက်ရင် နောက်ထပ် တစ်ခုထည့်ပေးရတာကို တွေ့နိုင်ပါတယ်။အဲလိုမျိုးပဲ row span ကိုလည်း အသုံးပြုနိုပါတယ်။

Row1 Cell1Row1 Cell2Row1 Cell3
Row2 Cell2Row2 Cell3
Row3 Cell1Row3 Cell2Row3 Cell3
Row4 Cell1Row4 Cell3
Row5 Cell1Row5 Cell2Row5 Cell3
Row6 Cell1Row6 Cell2

{| border="1" style="font-size:10px"|-| rowspan="2" | Row1 Cell1||Row1 Cell2||Row1 Cell3|-|Row2 Cell2|Row2 Cell3|-|Row3 Cell1|rowspan="2" | Row3 Cell2||Row3 Cell3|-|Row4 Cell1|Row4 Cell3|-|Row5 Cell1|Row5 Cell2|rowspan="2"|Row5 Cell3|-|Row6 Cell1|Row6 Cell2|}

ဥပမာများ

ရိုးရှင်းသော ဥပမာ

အောက်ဖေါ်ပြပါ ရေးထုံး နှစ်ခုသည် ဇယားအတူ ရသည်။ ရေးထုံးရွေးချယ်ရာတွင် စာသားပမာနပေါ် တွင်မူတည်၍ ရွေးချယ်ပါ။

ဝီကီ ရေးထုံး

{| | A | B|- | C| D|}

{| | A || B|- | C || D |}

browser တွင် ပေါ်ပုံ

AB
CD

အမြှောက် ဇယား ဥပမာ

ဝီကီ ရေးထုံး

{| class="wikitable" style="text-align:center"|+Multiplication table|-! &times; !! 1 !! 2 !! 3|-! 1| 1 || 2 || 3|-! 2| 2 || 4 || 6|-! 3| 3 || 6 || 9|-! 4| 4 || 8 || 12|-! 5| 5 || 10 || 15|}

သင်၏ browser တွင်တွေ့ရပုံ (Help:User_style လည်းရှူ)

Multiplication table
×123
1123
2246
3369
44812
551015

အရောင် Color; သုံးခြင်း

အကွက်တစ်ခု၏ စာအရောင် နှင့် နောက်ခံအရောင် သတ်မှတ်ရာတွင် နှစ်နည်းရှိသည်။ ပထမ ရေးထုံး ကိုသုံးစွဲပါ။

ဝီကီ ရေးထုံး

{| | style="background:red; color:white" | abc| def| bgcolor="red" | <font color="white"> ghi </font>| jkl|}

သင်၏ browser တွင် တွေရပုံ

abcdef ghi jkl

အခြား ရွေးချယ်ချက် (parameter) မှာကဲ့သို့ အတန်းတစ်ခုလုံး သို့မဟုတ် ဇယားတစ်ခုလုံး ကိုလည်း သတ်မှတ်နိုင်သည်။ အတန်း၏ ရွေးချယ်ချက် သည် ဇယား၏ ရွေးချယ်ချက် အပေါ် ကျော်လွင်ပြီး၊ အကွက်၏ ရွေးချယ်ချက် သည် အတန်း၏ ရွေးချယ်ချက် အပေါ် ကျော်လွင်သည်။

ဝီကီ ရေးထုံး

{| style="background:yellow; color:green"|- | abc || def || ghi|- style="background:red; color:white"| jkl || mno || pqr|-| stu || style="background:silver" | vwx || yz|}

သင်၏ browser တွင် တွေ့ရပုံ

abcdefghi
jklmnopqr
stuvwxyz

ဇယား၏ နောက်ခံအရောင်ကို နောက်ခံအရောင်နှင့် လိုက်ဖက်ရန် style="background:none" သို့ style="background:transparent" ဟု ရေးပါ။

Width, height

ဇယား၏ အမြင့် နှင့် အကျယ် တစ်ခုလုံး သို့မဟုတ် အတန်းတစ်ခုခြင်းလည်း သတ်မှတ်နိုင်သည်။ ကိုလံ၏ အကျယ် ကို သတ်မှတ်ရန် အကွက်တစ်ခု ၏ အကျယ်ကိုသတ်မှတ်ခြင်းဖြင့် ရရှိနိုင်သည်။ အကယ်၍ မည်သို့မှ မသတ်မှတ်ခဲ့လျှင် browser များက အသင့်တော်ဆုံး သတ်မှတ်ပေးမည်။

ဝီကီ ရေးထုံး

{| style="width:75%; height:200px" border="1"|- | abc || def || ghi|- style="height:100px" | jkl || style="width:200px" |mno || pqr|-| stu || vwx || yz|}

browser တွင် တွေ့ရန်

abcdefghi
jklmnopqr
stuvwxyz

သတိထားရန်မှာ inline CSS ဖြစ်သော style="...." သည် တစ်ချို့သော browser များတွင် အကျိုးသက်ရောက်မှုမရှိချေ။ အကယ်၍ အားလုံးသေချာစေလျှင် width="75%" တို့မျိုးက ပိုအဆင်ပြေစေသည်။

ကိုလန် အကျယ်အားသတ်မှတ်ခြင်း

သင့်အနေဖြင့် ကိုလန် အကျယ်အား လိုအပ်သည်ထက် ကျယ်၍ သတ်မှတ် လိုလျှင် အောက်ပါအတိုင်းပြုနိုင်သည်။ စာသားကို ခေါက်ရန် ပြုသည်ကို သတိပြုပါ။

{| border="1" cellpadding="2"!width="50"|Name!width="225"|Effect!width="225"|Games Found In|-|Poké Ball || Regular Poké Ball || All Versions|-|Great Ball || Better than a Poké Ball || All Versions|}

NameEffectGames Found In
Poké BallRegular Poké BallAll Versions
Great BallBetter than a Poké BallAll Versions

ကိုလံ အကျယ်ကို ခေါင်းအတန်းမပါသော ဇယားတွင် သက်မှတ်ရန်မှာ ပထမဆုံး အကွက် ၏ အကျယ်ကို အောက်ပါအတိုင်း သတ်မှတ်လိုက်ရန်ဖြစ်သည်။

{| border="1" cellpadding="2"|-|width="100pt"|This column is 100 points wide|width="200pt"|This column is 200 points wide|width="300pt"|This column is 300 points wide|-|blah || blih || bluh|}

This column is 100 points wideThis column is 200 points wideThis column is 300 points wide
blahblihbluh

ဇယား၏ အကျယ်ကို သတ်မှတ်ရန်လိုခြင်း အကြောင်းမှာ ကပ်လျက်် ဇယားနှစ်ခု ပြဆင်တွင်ဖြစ်သည်။

CountryCapital
The NetherlandsAmsterdam
CountryCapital
FranceParis

ဒေါင်လိုက် အကပ်ပုံ (alignment)

သာမှန်အားဖြင့် ဇယား၏ စာသားများသည် အထက်သို့ ကပ်ပြီး ကြည့်ရှူမကောင်းဖြစ်သည် -

Row headingA longer piece of text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.A shorter piece of text.
Row headingA longer piece of text.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.A shorter piece of text.

၄င်းကိုပြင်ရန်မှာ valign="top" ဟုထည့်ရန် (ဟုတ်ကဲ့ အကွက်တိုင်းပါ)။ ဥပမာ -

{| border="1" cellpadding="2"|-valign="top"|width="10%"|'''ြှow heading'''|width="70%"|A longer piece of text. Lorem ipsum...|width="20%"|A shorter piece of text.|-valign="top"|'''ြှow heading'''|A longer piece of text. Lorem ipsum... |A shorter piece of text.|}

Row headingA longer piece of text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.A shorter piece of text.
Row headingA longer piece of text.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.A shorter piece of text.

နေရာ ချထားခြင်း

🔥 Top keywords: ဗဟိုစာမျက်နှာအထူး:ရှာဖွေရန်မြန်မာနိုင်ငံနှစ်ဆန်းတစ်ရက်နေ့သင်္ကြန်မင်းအောင်လှိုင်လွတ်လပ်ရေးနေ့ (မြန်မာနိုင်ငံ)မေတ္တသုတ်ရှစ်ပါးသီလပရိတ်ကြီး ၁၁ သုတ်အောင်ဆန်းစုကြည်ကိုးပါးသီလအောင်ဆန်းအောင်လပဋ္ဌာန်းလွတ်လပ်ရေးကြေညာစာတမ်းမဟာသမယသုတ်ရတနသုတ်တပ်မတော် (ကြည်း)အော်ကာတပ်မတော်ဘုရားဂုဏ်တော်ဘာဂျာမှုတ်ခြင်းဂေါတမဗုဒ္ဓမြန်မာပိတောက်ငါးပါးသီလဥပုသ်ဒုတိယ ကမ္ဘာစစ်စိုးဝင်း (ဒုတိယဗိုလ်ချုပ်မှူးကြီး)ကျန်စစ်သားမိန်းမ မျိုးပွားအင်္ဂါဆယ်ပါးသီလမြန်မာနိုင်ငံရှိ မြို့များမင်္ဂလသုတ်သင်္ကြန်မိုးဂျပန်နိုင်ငံမထိုးသွင်းသော လိင်ဆက်ဆံခြင်းမြန်မာ သက္ကရာဇ်ပုဂံ