Kp3နည္းပညာ၊၄၇၆၊ဘေလာ့မွာဇယားကြက္ေလးေတြလြယ္ကူစြာသံုးခ်င္ရင္

အခုတင္တဲ့ပိုစ္ေလးကလဲဘေလာ့မိတ္ေဆြေတြအတြက္အသံုးဝင္မယ့္Htmlကုဒ္အခ်ိဳ႕ပါ၊မိမိရဲ႕ဘေလာ့ပိုစ္သို႕မဟုတ္ဆိုက္ဘားမွာTablesဇယားကြက္
ေလးကိုသံုးျပီးအမည္စရင္းတို႕ဘာညာေတြေတြကိုတည္ေဆာက္ခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ပါ။ဘေလာ့ေရးတဲ့သူေတြအတြက္အသံုးဝင္တဲ့ကုဒ္
ဆိုရင္လည္းမွားမယ္မထင္ပါတယ္၊သိထားေတာ့လိုအပ္ရင္ရွာစရာမလိုေတာ့ဘူးေပါ့ေနာ္။ေအာက္မွာကုဒ္ေတြနဲ႕တကြဇယားပံုေလးေတြေပးထားပါတယ္။
ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု

၁။ေအာက္မွာျပထားေပးပါတယ္။

kp3 1, kp3 1	kp3 1, kp3 2
kp3 2, kp3 1	kp3 2, kp3 2
kp3 3, cell 1	row 3, cell 3

ေအာက္ကကုဒ္

<table border="1">
    <tr>
    <td>kp3 1, kp3 1</td>
    <td>kp3 1, kp3 2</td>
    </tr>
    <tr>
    <td>kp3 2, kp3 1</td>
    <td>kp3 2, kp3 2</td>
    </tr>
    <tr>
    <td>kp3 3, kp3 1</td>
    <td>kp3 3, kp3 3</td>
    </tr>
    </table>

၂။
<tr> - table row

<td> - table cell
----------

kp3 2, kp3 1
kp3 2, kp3 2
kp3 2, kp3 3
kp3 2, kp3 4
kp3 2, kp3 5

ေအာက္ကကုဒ္

<tr>
<td>kp3 2, kp3 1</td>
<td>kp3 2, kp3 2</td>
<td>kp3 2, kp3 3</td>
<td>kp3 2, kp3 4</td>
<td>kp3 2, kp3 5</td>
</tr>

၃။Table Headers<th> </th>

နာမည္	ဖုန္းနံပါတ္
ေကပီသရီးအဖြဲ႕	ဝ၁၆-၆ဝဝ၅၇၆၂

ေအာက္ကကုဒ္

<table border="1">
    <tr>
    <th>နာမည္</th>
    <th>ဖုန္းနံပါတ္</th>
    </tr>
    <tr>
    <td>ေကပီသရီးအဖြဲ႕</td>
    <td>ဝ၁၆-၆ဝဝ၅၇၆၂</td>
    </tr>
    </table>

၄။Vertical header ပံုစံ

နာမည္	ေကပီသရီးအဖြဲ႕
ဖုန္းနံပါတ္	ဝ၁၆-၆၀၀၅၇၆၂

ေအာက္ကကုဒ္

<table border="1">
    <tr>
    <th>နာမည္:</th>
    <td>ေကပီသရီးအဖြဲ႕</td>
    </tr>
    <tr>
    <th>ဖုန္းနံပါတ္</th>
    <td>ဝ၁၆-၆၀၀၅၇၆၂</td>
    </tr>
    </table>

၅။Columns ၂ခု

နာမည္	ဖုန္းနံပါတ္
ေကပီသရီးအဖြဲ႕	ဝ၁၆-၆၀၀၅၇၆၂	ဝ၁၆-၆၇၈၀၉၁၂

ေအာက္ကကုဒ္

<table border="1">
    <tr>
    <th>နာမည္</th>
    <th colspan="2">ဖုန္းနံပါတ္</th>
    </tr>
    <tr>
    <td>ေကပီးသ၇ီးအဖြဲ႕</td>
    <td>ဝ၁၆-၆၀၀၅၇၆၂</td>
    <td>ဝ၁၆-၆၇၈၀၉၁၂</td>
    </tr>
    </table>

၆။Rows ၂ခု

နာမည္	ေကပီသရီအဖြဲ႕
ဖုန္းနံပါတ္	ဝ၁၆-၆၀၀၅၇၆၂
	ဝ၁၆-၆၇၈၀၉၁၂

ေအာက္ကကုဒ္

<table border="1">
<tr>
<th>နာမည္:</th>
<td>ေကပီသရီးအဖြဲ႕</td>
</tr>
<tr>
<th rowspan="2">ဖုန္းနံပါတ္</th>
<td>ဝ၁၆-၆၀၀၅၇၆၂</td>
</tr>
<tr>
<td>ဝ၁၆-၆၇၈၀၉၁၂</td>
</tr>
</table>

၇။

နာမည္	အသက္
ေကပီသရီး	၉၉

ေအာက္ကကုဒ္

<table border="1" cellpadding="10">
    <tr>
    <th>နာမည္</th>
    <th>အသက္</th>
    </tr>
    <tr>
    <td>ေကပီသရီး</td>
    <td>၉၉</td>
    </tr>
    </table>

၈။

နာမည္	အသက္
ေကပီသရီး	၉၉

ေအာက္ကကုဒ္

<table border="1" cellspacing="10">
    <tr>
    <th>နာမည္</th>
    <th>အသက္</th>
    </tr>
    <tr>
    <td>ေကပီသရီး</td>
    <td>၉၉</td>
    </tr>
    </table>

၉။ေနာက္ခံပံုအေရာင္းသို႕မဟုတ္ပံုသံုးခ်င္ရင္

နာမည္	အသက္
ေကပီသရီး	၉၉

ေအာက္ကကုဒ္

<table border="1" style="background-color:yellow">
    <tr>
    <th>နာမည္</th>
    <th>အသက္</th>
    </tr>
    <tr>
    <td>ေကပီသ၇ီး</td>
    <td>၉၉</td>
    </tr>
    </table>

၁၀။ကေတာ့ေနာက္ခံပံုထည့္နည္းေလးပါ.။နံပါတ္၉နဲ႕ႏွိုင္းယဥ္ၾကည့္ရင္သိသြားမယ္ထင္တယ္လြယ္ကူပါတယ္။

<table border="1" style="background-image:url('IMAGE LINK')">
    <tr>
    <th>Name</th>
    <th>Rank</th>
    </tr>
    <tr>
    <td>James</td>
    <td>701</td>
    </tr>

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Related Post

HTML

• Kp3နည္းပညာ၊၄၈၉၊ဘေလာ့မွာCss3ကိုသံုးျပီး3DTextထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄၈၈၊ဘေလာ့မွာPopularPostsကိုSlideပံုစံေျပာင္းနည္း
• Kp3နည္းပညာ၊၄၈၆၊ဘေလာ့မွာMicrosoftStyleTranslateသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄၈ဝ၊ဘေလာ့Page Navigation Widget Generatorသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄၇၉၊ဘေလာ့ဘေလာ့Text Resizing Widget သံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄၆၈၊ဘေလာ့လင့္ခ္ေတြေထာက္ရင္ၾကယ္ပံုေလးေတြေပၚေအာင္လုပ္နည္း
• Kp3နည္းပညာ၊၄၅၅။ဘေလာ့မွာ Scroll Box ကိုေနာက္ခံအေရာင္းေလးနဲ႕သံုးနည္း
• Kp3နည္းပညာ၊၄၅၄။ဘေလာ့မွာစာလံုးေတြကိုအရိပ္ေပၚေအာင္ေရးနည္း
• Kp3နည္းပညာ၊၄၅၂။ဘေလာ့မွာ Effect Matrix Text ေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၄၄၃၊ဘေလာ့မွာEncode/decode HTML entities ေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄၃၆၊ဘေလာ့မွာ Kp-3 ရဲ႕အသဲႏွလံုးပံုေလးက်လာေအာင္ထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄၃၅၊ဘေလာ့မွာAnimated Notice Box ေလးထည့္ခ်င္ရင္(၂)
• Kp3နည္းပညာ၊၄၃၂၊ဘေလာ့မွာ Search Engine တစ္မ်ိဳးေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၄၂၁၊ဘေလာ့မွာRss Feed နဲ႕ Social Gadgetအသစ္ထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄၁၄၊ဘေလာ့ Home Page မွာ Widget ေတြကိုမေပၚေစခ်င္ရင္
• Kp3နည္းပညာ၊၄၁၁၊ဘေလာ့မွာ Email Subscription Form အသစ္ေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄ဝ၃၊ဘေလာ့မွာအင္တာနက္အခ်ိန္အသစ္ေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၃၉၈၊KP-3 မိသားစုရဲ႕ ၂ဝ၁၁ ခုႏွစ္အမွတ္တရလက္ေဆာင္
• Kp3နည္းပညာ၊၃၉၅၊KP-3 ရဲ႕ Table Content အသစ္ကေနရွာခ်င္ရင္
• Kp3နည္းပညာ၊၃၉၄၊ဘေလာ့မွာ CSS3 Code သံုးျပီးပံုေတြကို Mouse Hover နဲ႕တင္နည္း
• Kp3နည္းပညာ၊၃၈၂၊ဘေလာ့ Banner ေထာင့္မွာ X'mas Button ေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၃၈၁၊ဘေလာ့ညာဘက္ေဘးမွာChatBox သို႕မဟုတ္အျခား Menu ထားခ်င္ရင္
• Kp3နည္းပညာ၊၃၇၈၊ဘေလာ့မွာAnimated Notice Box ေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၃၇၁၊ဘေလာ့မွာkp3ရဲ႕Back To Top Widget ေလးသံုးခ်င္ရင္

HTML TABLES

Posted in: HTML, HTML TABLES