လွင်ႈၸွႆႈထႅမ်:Table
တၢင်းၸွႆႈထႅမ် | လွင်ႈတႅမ်ႈမႄးထတ်း | လွင်ႈၸႂ်ႉတိုဝ်း | ပိူင်တႅမ် | လၵ်းၼမ်း |
တႄႇတႅမ်ႈ၊ လွင်ႈမူၼ်ႉမႄး၊ လွင်ႈတမ်းပိူင် (Formatting)၊ လွင်ႈၵွင်ႉၵၢႆႇ (Linking)၊ မၢႆ (list)၊ တမ်းလွၵ်းသဵၼ်ႈ (Table)၊ Infobox၊ ၶႅပ်းႁၢင်ႈ (Image)၊ လွင်ႈလေႃးၵၼ်၊ ၽိုၼ်ဢိင်ငဝ်ႈငႃႇ၊ ပၢႆးၼပ်ႉ၊ ၽိုၼ်မၢႆ |
Table
မႄးထတ်းပေႃးၶႂ်းသၢင်ႈ လွၵ်းသဵၼ်ႈ Table ၼႆ wiki လႄႈ html ၼႆႉ ဢမ်ႇမိူၼ်ၵၼ်။ ၵူၺ်းၵႃႈဝႃႈ syntax မၼ်းတႄႉ မိူၼ်ၵၼ်ယူႇ။ တီႈ HTML ၼႆႉ ဢဝ် <table> သေ တႄႇယဝ်ႉ </table> သေသုတ်းသေ တီႈၼႆႈတႄႉ { ဢဝ် | ၼႆတႄႇလႄႈ ဢဝ် |}ၼႆႉၶိုၼ်းသုတ်းယဝ်ႉ။ တီႈ HTML ၼၼ်ႉ ဢၼ်ပဵၼ် <tr> ၼၼ်ႉ လႅၵ်ႈလၢႆႈဝႆႉပဵၼ် |- ယဝ်ႉ။ တီႈ <td> ၼၼ်ႉတႄႉ တေလႆႈလႅၵ်ႈလၢႆႈ တႅမ်ႈပၼ် | ဢၼ်ၼႆႉယဝ်ႉ။
Cell 1 | Cell 2 |
Cell 3 | Cell 4 |
{| |- |Cell 1 |Cell 2 |- |Cell 3 |Cell 4 |} |}
ပေႃးၶႂ်ႈတႄႇ လွၵ်းသဵၼ်ႈၼိုင်ႈဢၼ်ၼႆ တေလႆႈတႄႇတင်း {| ဢၼ်ၼႆႉယဝ်ႉ။ ပေႃးဝႃႈ တေတႄႇသၢင်ႈ row ၼိုင်ႈဢၼ်ၼႆ တေလႆႈၸႂ်ႉပၼ် |- ဢၼ်ၼႆႉယဝ်ႉ။ တွၼ်ႈတႃႇ Column ဢၼ်မီးၽၢႆႇၼႂ်းမၼ်းၼႆႉ တေလႆႈၸႂ်ႉပၼ် | ယဝ်ႉ။ တေလူဝ်ႇ Column ၵႃႈႁိုဝ်ၵေႃႈ တေလႆႈသႂ်ႇပၼ်ယဝ်ႉ။ ပေႃးတီႈ row ၽၢႆႇၼိူဝ်သုတ်းၼၼ်ႉ ႒ ဢၼ်ၼႆၵေႃႈ ဢၼ်ၵိုတ်းလိူဝ်တင်းမူတ်းၼၼ်ႉၵေႃႈ ပဵၼ် ႒ ဢၼ်ယဝ်ႉ။
ဢၼ်ပဵၼ် လွၵ်းသဵၼ်ႈမီး Row 2 လႄႈ Column 3 ၼၼ်ႉ တေၸၢင်ႈသၢင်ႈလႆႈ ၼင်ႇၼႆယဝ်ႉ။
Row1 Cell1 | Row1 Cell2 | Row1 Cell3 |
Row2 Cell1 | Row2 Cell2 | Row2 Cell3 |
{| |- |Row1 Cell1 |Row1 Cell2 |Row1 Cell3 |- |Row2 Cell1 |Row2 Cell2 |Row2 Cell3 |}
Attribute And Style
မႄးထတ်းဢၼ်ပဵၼ် Style sheet ၼၼ်ႉၵေႃႈ ႁဝ်းၶႃႈ ၸၢင်ႈဢဝ်သႂ်ႇၸႂ်ႉၵႂႃႇလႆႈယူႇ။ ယဝ်ႉၵေႃႈ ဢၼ်ပဵၼ် attribute ၶွင် table တီႈ HTML ၼၼ်ႉၵေႃႈ ၸၢင်ႈဢဝ်ၸႂ်ႉလႆႈယူႇ။
Row1 Cell1 | Row1 Cell2 | Row1 Cell3 |
Row2 Cell1 | Row2 Cell2 | Row2 Cell3 |
{| border="1" style="font-size:9px" |- |Row1 Cell1 |Row1 Cell2 |Row1 Cell3 |- |Row2 Cell1 |Row2 Cell2 |Row2 Cell3 |} တီႈၼၼ်ႈၼၼ်ႉၼႆ ၸႂ်ႉဝႆႉ attribute ဢၼ်ဝႃႈ border ၼၼ်ႉယဝ်ႉ။ Style မၼ်းတႄႉ ပဵၼ် CSS ယဝ်ႉ။ ၸဝ်ႈၵဝ်ႇလႆႈၸႂ် style sheet သင်ၵေႃႈ တႅမ်ႈလႆႈယူႇ။ တွၼ်ႈတႃႇ row ဢၼ်လႂ်ဢၼ်ၼၼ်ႉၵေႃႈ တႅမ်ႈလႆႈယူႇ။
Row1 Cell1 | Row1 Cell2 | Row1 Cell3 |
Row2 Cell1 | Row2 Cell2 | Row2 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 Cell1 | Row1 Cell2
| |
Row2 Cell1 | Row2 Cell2 | |
Row3 Cell1 | Row3 Cell2 | Row3 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 Cell1 | Row1 Cell2 | Row1 Cell3 |
Row2 Cell2 | Row2 Cell3 | |
Row3 Cell1 | Row3 Cell2 | Row3 Cell3 |
Row4 Cell1 | Row4 Cell3 | |
Row5 Cell1 | Row5 Cell2 | Row5 Cell3 |
Row6 Cell1 | Row6 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
A B C D
ပိူင်ယၢင် လွၵ်းသဵၼ်ႈ မၢႆၵုၼ်း
မႄးထတ်းပိူင်တႅမ်ႈဝီႇၶီႇ
{| class="wikitable" style="text-align:center" |+Multiplication table |- ! × !! 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 × 1 2 3 1 1 2 3 2 2 4 6 3 3 6 9 4 4 8 12 5 5 10 15
လွင်ႈၸႂ်ႉ သီ Color;
မႄးထတ်းတီႈလွၵ်းၼိုင်ႈလွၵ်းၼႆႉ လွၵ်းလၢႆး ဢၼ်မၵ်းမၼ်ႈ သီတူဝ်လိၵ်ႈလႄႈ သီပိုၼ်ႉလင်မၼ်းၼၼ်ႉ မီးဝႆႉယူႇ သွင်လၢႆး။ ၸႂ်ႉတိုဝ်း လွၵ်းလၢႆး မၢႆၼိုင်ႈၼၼ်ႉလႄႈ။
ပိူင်တႅမ်ႈဝီႇၶီႇ
{| | style="background:red; color:white" | abc | def | bgcolor="red" | <font color="white"> ghi </font> | jkl |}
ဢၼ်တေလႆႈႁၼ်တီႈ browser ၸဝ်ႈၵဝ်ႇ
abc def 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 ၸဝ်ႈၵဝ်ႇ
abc def ghi jkl mno pqr stu vwx yz
ဢၼ်ပဵၼ် သီပိုၼ်ႉလင်လွၵ်းသဵၼ်ႈၼၼ်ႉ တွၼ်ႈတႃႇတေ ငမ်ႇလႅပ်ႈၵၼ်တင်းမၼ်းၼႆ တႅမ်ႈပၼ် 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
abc def ghi jkl mno pqr stu vwx yz
ဢၼ်တေလႆႈၽၢင်ႉဝႆႉၼႆႉ style="...."
ဢၼ်ပဵၼ် inline CSS ၼႆႉ ဢမ်ႇမီးႁဵတ်းၵၢၼ်တီႈ 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 |}
Name Effect Games Found In Poké Ball Regular Poké Ball All Versions Great Ball Better than a Poké Ball All 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 wide This column is 200 points wide This column is 300 points wide blah blih bluh
လွင်ႈတၢင်း ဢၼ်လူဝ်ႇလႆႈမၵ်းမၼ်ႈ တၢင်းၵႂၢင်ႈ လွၵ်းသဵၼ်ႈၼႆႉ တွၼ်ႈတႃႇ ၼႄလွၵ်းသဵၼ်ႈသွင်ဢၼ် ဢၼ်ဢိူမ်ႈၶၢင်းၵၼ်ဝႆႉၼၼ်ႉယဝ်ႉ။
Country | Capital |
---|---|
The Netherlands | Amsterdam |
Country | Capital |
---|---|
France | Paris |
တီႈတမ်ႈ ၽၢႆႇတင်ႈ (alignment)
မႄးထတ်းၵမ်ႉပႃႈၼမ်ၼႆႉ ပေႃးဝႃႈ တူဝ်လိၵ်ႈ တီႈလွၵ်းသဵၼ်ႈၼႆႉ ပေႃးၵႂႃႇၸပ်းမီးယူႇတီႈ ၽၢႆႇၼိူဝ်မၼ်းၼႆ တူၺ်းဢမ်ႇႁၢင်ႈလီတႃ -
Row heading A 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 heading A 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 heading A 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 heading A 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.