မိမိ တို႔ Blog မွာ Style Table ထည့္ရန္ လိုအပ္ေသာ HTML ေလးမ်ား

ဒီ Website ေလးရဲ့ ဘယ္ဘက္အထက္က ျမန္မာစာအုပ္မ်ား ေဒါင္းလုပ္ ယူရန္ထည့္ထားေပးတဲ့ ဇယားကြက္ ဖန္တည္းရန္ ေအာက္ပါ HTML ကုဒ္ေတြပါေသာ Table Style ကိုသံုးပါ ေအာက္ပါကုဒ္မ်ားတြင္ <style> ဟုေရးထားေသာေနရာမွစျပီး ေအာက္ဆံုးက </table> အထိကို ေကာ္ျပီကူးယူျပီး Layout ထဲကိုဝင္ျပီး သင္သံုးလိုေသာ Add a Gadget ကိုေရႊးပါ ေပၚလာမဲ့ Box ထဲမွာ HTML/JavaScript Add မွာကလစ္ႏွိပ္ျပီး ေပၚလာမဲ့ Box
အသစ္ေလးထဲကို ေကာ္ပီးကူးယူထားတဲ့ ေအာက္ပါ HTML ကုဒ္မ်ားကိုေနရာခ်ေပးျပီး Website လိပ္စားထည့္ရန္ ေနရာမွာ သင္ထည့္လိုေသာ ဆိုဒ္လိပ္စာကိုထည့္ပါ ထို႔ေနာက္ အညႊန္းစားသားေရးရန္ေနရာတြင္ သင့္ေလွ်ာေသာစားသားမ်ားေရးထည့္ေပးပါ ခရမ္းေရာက္ျဖင့္ျပေပးထားပါသည္။ ဤအဆင့္သည္ Style Table ဇယားကြက္ တစ္ခုျခင္းကို အဆင့္ဆင့္ အသစ္စထဲ့ရာတြင့္သံုးပါသည္။

<style>
table
{
border-collapse:collapse;
}
table, td, th
{
border:1px solid red;
}
</style>

<table>

<tr>
<th><a href="Website လိပ္စာထည့္ရမည့္ေနရာ" target="_blank">အညႊန္းစားသားေရးရန္ေနရာ
</a></th>
</tr>

</table>

အထက္ပါအဆင့္ကို ျပီးသြားပါက ဇယားကြက္ တစ္ခုစာသာျဖစ္ပါသည္ ေနာက္ထပ္ဇယားကြက္ေလးမ်ားေပါင္းလိုပါက ေအာက္ပါကုဒ္မ်ားကို  သင္လိုအပ္သလို အၾကိမ္ၾကိမ္ထပ္မံထည့္ေပးနိဳင္ပါသည္။  ေအာက္ပါ ကုဒ္မ်ားမွ <tr> ေနရာမွစျပီး </tr> အထိေကာ္ပီကူးယူရမွာျဖစ္ပါတယ္။

<tr>
<th><a href="Website လိပ္စာထည့္ရမည့္ေနရာ" target="_blank">အညႊန္းစားသားေရးရန္ေနရာ
</a></th>
</tr>

ကူးယူထားတဲ့ ကုဒ္မ်ားကို </table> ရဲ့ အထက္နားမွာေနရာခ်ေပးရမွာ ျဖစ္ပါတယ္၊ သင္သတိထားရမွာကေတာ့ ေအာက္ဆံုးမွာ အျမဲတန္း </table> ျဖင့္အဆံုးသပ္ေပးထားရပါမည္။ ဒီနည္းကို ဒီ Website ရဲ့ ဘယ္ဘက္ အေပၚပိုင္းမွာ ျမန္မာစာအုပ္မ်ား Download လုပ္ရာတြင္သံုးထားပါသည္။




ဒီ Website ရဲ့ေအာက္ဆံုးက အျခားေသာ Website မ်ားကို Link ခ်ိပ္ေပးထားတဲ့ ဇယားကြက္ကေတာ့ ဘယ္ ႏွင့္ ညာ ႏွစ္ခုတစ္စံုးပါ ဇယားကြက္ေလးျဖစ္ပါတယ္ ေအာက္ပါကုဒ္မ်ားမွာ ဇယားကြက္ ႏွစ္ခုေပၚမည္ျဖစ္ပါသည္

<style>
table
{
border-collapse:collapse;
}
table, td, th
{
border:1px solid red;
}
</style>

<table>

<tr>
<th><a href="Website လိပ္စာထည့္ရမည့္ေနရာ" target="_blank">အညႊန္းစားသားေရးရန္ေနရာ
</a></th>
</tr>

<tr>
<th><a href="Website လိပ္စာထည့္ရမည့္ေနရာ" target="_blank">အညႊန္းစားသားေရးရန္ေနရာ
</a></th>
</tr>


</table>

အေပၚမွာၾကည့္ပါ </table> ျဖင့္အဆံုးသပ္ေပးထားရတာကို သတိထားပါ ေနာက္ထပ္ ဇယားကြက္ေလးမ်ားထပ္ထည့္တိုင္း </table> ရဲ့အထက္ကေန ေနရာခ်ေပးသြားျခင္းျဖင့္ သင္လိုသေလာက္ထပ္ထည့္ေပးပါ။ 

ဒီ Website ရဲ့ေအာက္ဆံုးမွာ Website Link မ်ားထည့္ထားေသာ Table Style မွာေအာက္ပါ ကုဒ္မ်ားျဖစ္ပါသည္ တစ္ခါထည့္လွ်င္ ဘယ္ ႏွင့္ ညာ ဇယားကြက္ ႏွစ္ခုပါေသာ Style Table ျဖစ္ပါသည္။

ပံုစံ (၁) 

 <style>
table,th,td
{
border:1px solid red;
}
</style>

<table>

<tr>
<th><a href="Website လိပ္စာထည့္ရန္ေနရာ" target="_blank"> ဝက္ဆိုဒ္ အညႊန္းထည့္ရန္ေနရာ</a></th>

<th><a href="Website လိပ္စာထည့္ရန္ေနရာ" target="_blank">ဝက္ဆိုဒ္ အညႊန္္း ထည့္ရန္ေနရာ</a></th>
</tr>

</table> 

ဘယ္ ႏွင့္ ညာ ဇယားကြက္ ႏွစ္ခုပါေသာ Style Table ျဖစ္ပါတယ္ ေနာက္ထပ္ထည့္လိုပါက ေအာက္ပါကုဒ္ကို ကူးယူျပီး </table> ၏အထက္မွ ထပ္ထည့္ေပးသြားပါျခင္းျဖင့္ လိုသလိုေပါင္းထည့္နိဳင္ပါသည္။  ခရန္းေရာင္ တင္ျပီးျပထားေပးတဲ့ေနရာမွာ Website လိပ္စာ ရယ္ အဲဒီ Website ကိုညႊန္းဆိုေရးသားမဲ့ စာေတြရယ္ထည့္ေပးရန္လိုပါတယ္။


ပံုစံ (၂)
<tr>
<th><a href="Website လိပ္စာထည့္ရန္ေနရာ" target="_blank"> ဝက္ဆိုဒ္ အညႊန္းစာေရးထည့္ရန္ေနရာ</a></th>

<th><a href="Website လိပ္စာထည့္ရန္ေနရာ" target="_blank"> ဝက္ဆိုဒ္ အညႊန္္းစာေရးထည့္ရန္ေနရာ</a></th>
</tr>

ဒီပံုစံ(၂) ကိုကူးယူတာက ေနာက္ထပ္ထည့္လိုေသာ ဇယားကြက္မ်ားအတြက္ျဖစ္ပါတယ္ သင္ကူးယူျပီးထပ္ထည့္မယ္ဆိုရာ ေအာက္ပါ ပံုစံ (၃) ကဲ့သို႔ျဖစ္လာမွာ ျဖစ္ပါတယ္ ပံုစံ (၁) ထက္ ကုဒ္မ်ား ပိုလာတာကို ေတြ႔ရမွာ ျဖစ္ပါတယ္။

 <style>
table,th,td
{
border:1px solid red;
}
</style>

<table>

<tr>
<th><a href="Website လိပ္စာထည့္ရန္ေနရာ" target="_blank"> ဝက္ဆိုဒ္ အညႊန္းထည့္ရန္ေနရာ</a></th>

<th><a href="Website လိပ္စာထည့္ရန္ေနရာ" target="_blank">ဝက္ဆိုဒ္ အညႊန္္း ထည့္ရန္ေနရာ</a></th>
</tr>


<tr>
<th><a href="Website လိပ္စာထည့္ရန္ေနရာ" target="_blank"> ဝက္ဆိုဒ္ အညႊန္းစာေရးထည့္ရန္ေနရာ</a></th>

<th><a href="Website လိပ္စာထည့္ရန္ေနရာ" target="_blank"> ဝက္ဆိုဒ္ အညႊန္္းစာေရးထည့္ရန္ေနရာ</a></th>
</tr>


</table>  

 အေပၚမွာၾကည့္ပါ </table> ျဖင့္အဆံုးသပ္ေပးထားရတာကို သတိထားပါ ေနာက္ထပ္ ဇယားကြက္ေလးမ်ားထပ္ထည့္တိုင္း </table> ရဲ့အထက္ကေန ေနရာခ်ေပးသြားျခင္းျဖင့္ သင္လိုသေလာက္ထပ္ထည့္ေပးပါ။ ပံုစံ (၂) ကို ေကာ္ပီကူးျပီး ေနရာခ်ေပးသြားရမွာျဖစ္ပါတယ္ တစ္ၾကိပ္ေကာ္ပီကူးယူတာဟာ website ႏွစ္ခုကို Link ခ်ိပ္ေပးနိဳင္ပါတယ္။
 ၾကိဳးစားၾကည့္ပါ မိတ္ေဆြမ်ား။



ဤ HTML ကုဒ္မ်ားထည့္ေပးနည္းကို ျမန္မာတို႔အတြက္ ဗဟုသုတ ဆိုဒ္မွာ ေစတနာျဖင့္ကူညီေပးထားပါသည္။