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 ျဖစ္ပါတယ္။
ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************
ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ
စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: