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

Posted in: HTML, HTML TABLES