HTML ရှိ ဇယားအတွက် ခေါင်းစီးဆဲလ်များ

td tag များအပြင် th tag များလည်းရှိပြီး ၎င်းတို့သည်လည်း ဆဲလ်များကိုဖန်တီးပေးသည်။ သို့သော် ယင်းတို့သည် သာမန်ဆဲလ်များမဟုတ်တော့ဘဲ ခေါင်းစီးဆဲလ်များ ဖြစ်ပြီး ဇယား၏ ထိုကော်လံ (သို့မဟုတ်) အတန်းအတွင်းရှိ အကြောင်းအရာကို ညွှန်ပြပေးသည်။ စံအားဖြင့် th ဆဲလ်များအတွင်းရှိ စာသားသည် စာလုံးထူဖြစ်ပြီး အလယ်ဗဟိုတွင် နေရာယူထားသည်။

ဥပမာတစ်ခုကို ကြည့်ရအောင်။ ကျွန်ုပ်တို့တွင် အလုပ်သမားများပါရှိသော အောက်ပါဇယားရှိသည်ဆိုပါစို့။

html<table border="1" width="300">
  <tr>
    <td>John</td>
    <td>Smith</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>Nick</td>
    <td>Mayers</td>
    <td>300$</td>
  </tr>
  <tr>
    <td>Alex</td>
    <td>Jonson</td>
    <td>400$</td>
  </tr>
</table>

Результат:

သင်မြင်တွေ့ရသည့်အတိုင်း၊ ပထမကော်လံတွင် အလုပ်သမား၏အမည်၊ ဒုတိယကော်လံတွင် - သူ၏မိသားစုအမည်၊ တတိယကော်လံတွင် - လစာကို သိမ်းဆည်းထားသည်။ ဇယား၏အစတွင် နောက်ထပ်အတန်းတစ်ခုပြုလုပ်ပြီး ကော်လံခေါင်းစီးများကို th tag များအတွင်းတွင် ထားရှိကြပါစို့။

html<table border="1" width="300">
  <tr>
    <th>Name</th>
    <th>Surname</th>
    <th>Salary</th>
  </tr>
  <tr>
    <td>John</td>
    <td>Smith</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>Nick</td>
    <td>Mayers</td>
    <td>300$</td>
  </tr>
  <tr>
    <td>Alex</td>
    <td>Jonson</td>
    <td>400$</td>
  </tr>
</table>

Результат: