Monday, 23 June 2014

HTML ဇယားမ်ား

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 ျဖစ္ပါတယ္။

  လူႀကီးမင္း(ေကာ့ေသာင္း)နည္းပညာမွတ္စုမ်ား

No comments:

Post a Comment