HTML ဇယားမ်ား
ဇယားေတြကုိ <table> tag နဲ႔သတ္မွတ္ပါတယ္။
ဇယားေတြကုိ အလ်ားလုိက္ row ေတြ (<tr> tag ) နဲ႔ အဲဒီ့ အလ်ားလုိက္ Row ေတြကုိ ေဒါင္လုိက္ျဖတ္ထားတဲ့မ်ဥ္းေတြ (<td> tag) ေတြနဲ႔ အကြက္ Cell ေတြျဖစ္ေအာင္ဖန္တီးထားၾကပါတယ္။ td က "ဇယား မွာပါတဲ့ data" ေတြအတြက္ျဖစ္ပါတယ္။ အဲဒီ့ Data Content ေတြဟာ စာသားေတြ၊ လင့္ခ္ေတြ၊ ပုံေတြ၊ List ေတြ၊ Form ေတြ နဲ႔ ဇယားေတြလဲ ပါႏုိင္ပါတယ္။
ဇယားေတြကုိ အလ်ားလုိက္ 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>
<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 ကုိေရြးခ်ယ္ရပါမယ္။
ဇယားတစ္ခုမွာ Border ပါဖုိ႔အတြက္ border attribute ကုိေရြးခ်ယ္ရပါမယ္။
<table border=“1”>
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
HTML ဇယား ေခါင္းစဥ္မ်ား
ဇယားရဲ့ ေခါင္းစဥ္ကုိ <th> tag နဲ႔သတ္မွတ္ပါတယ္။
browser (ဘေရာက္ဆာ) ေတာ္ေတာ္မ်ားမ်ားက <th> element ကုိျပရင္ bold ပုံစံနဲ႔ Center Align ထားတတ္ပါတယ္။
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>
<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 ျဖစ္ပါတယ္။ |