HTML ဇယားမ်ား

ျမန္မာစာ	၅၅ မွတ္
အဂၤလိပ္စာ	၇၀ မွတ္
သခ်ာၤ	၆၀ မွတ္

---

HTML ဇယားမ်ား

ဇယားေတြကုိ <table> tag နဲ႔သတ္မွတ္ပါတယ္။
ဇယားေတြကုိ အလ်ားလုိက္ row ေတြ (<tr> tag ) နဲ႔ အဲဒီ့ အလ်ားလုိက္ Row ေတြကုိ ေဒါင္လုိက္ျဖတ္ထားတဲ့မ်ဥ္းေတြ  (<td> tag) ေတြနဲ႔ အကြက္ Cell ေတြျဖစ္ေအာင္ဖန္တီးထားၾကပါတယ္။ td က "ဇယား မွာပါတဲ့ data" ေတြအတြက္ျဖစ္ပါတယ္။ အဲဒီ့ Data Content ေတြဟာ စာသားေတြ၊ လင့္ခ္ေတြ၊ ပုံေတြ၊ List ေတြ၊ Form ေတြ နဲ႔ ဇယားေတြလဲ ပါႏုိင္ပါတယ္။

ဇယား ဥပမာမ်ား

<table bor der=“1”>
<tr>
<td>row 1, cell 1</td>
<td>row 1၊, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

အေပၚက HTML code ေတြဟာ browser (ဘေရာက္ဆာ) မွာအခုလုိေပၚပါလိမ့္မယ္။

 

row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2

---

HTML ဇယားမ်ား နဲ႔ Border Attribute

Border attribute မေရြးခ်ယ္ခဲ့ရင္ ဇယားေတြမွာ border ပါမွာ မဟုတ္ဘူး။ တစ္ခါတစ္ေလမွာ Border မပါတာ လုိအပ္ေပမယ့္ မ်ားေသာအားျဖင့္ေတာ့ border ကုိသုံးၾကပါတယ္။
ဇယားတစ္ခုမွာ Border ပါဖုိ႔အတြက္ border attribute ကုိေရြးခ်ယ္ရပါမယ္။

<table border=“1”>
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>

---

HTML ဇယား ေခါင္းစဥ္မ်ား

ဇယားရဲ့ ေခါင္းစဥ္ကုိ <th> tag နဲ႔သတ္မွတ္ပါတယ္။
browser (ဘေရာက္ဆာ) ေတာ္ေတာ္မ်ားမ်ားက <th> element ကုိျပရင္  bold ပုံစံနဲ႔ Center Align ထားတတ္ပါတယ္။

<table border=“1”>
<tr>
<th>ေခါင္းစဥ္ ၁ </th>
<th>ေခါင္းစဥ္ ၂</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table> 

 

အေပၚက HTML code ေတြဟာ browser (ဘေရာက္ဆာ) မွာအခုလုိေပၚပါလိမ့္မယ္။

 

ေခါင္းစဥ္ ၁	ေခါင္းစဥ္ ၂
row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2

---

HTML ဇယား Tag မ်ား

Tag	အေၾကာင္းအရာ
<table>	ဇယားအတြက္ ျဖစ္ပါတယ္။
<th>	ဇယား ေခါင္းစဥ္ ျဖစ္ပါတယ္။
<tr>	ဇယား row အတြက္ ျဖစ္ပါတယ္။
<td>	ဇယား cell အျဖစ္ သတ္မွတ္ပါတယ္။
<caption>	ဇယား ရဲ့ ေခါင္းစဥ္ caption ကုိ သတ္မွတ္ပါတယ္။
<colgroup>	ဇယားရဲ့ Column ေတြကို format ျပဳလုပ္ျခင္း အတြက္အုပ္စုထားဖုိ႔ သုံးပါတယ္။
<col />	ဇယားမွာပါတဲ့ Column ေတြအတြက္ attribute တန္ဖုိးအတြက္သုံးပါတယ္။
<ad>	ဇယားမွာပါတဲ့ Group ရဲ့ Content ေတြအတြက္ ေခါင္းစဥ္ အျဖစ္သုံးပါတယ္။
<tbody>	ဇယားမွာပါတဲ့ Group ရဲ့ Body Content ျဖစ္ပါတယ္။
<tfoot>	ဇယားမွာပါတဲ့ Group ရဲ့ Footer Content ျဖစ္ပါတယ္။

 http://www.soemoeaung.com

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ

လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ

စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

Posted in: Html