table tag

table tag သည် ဇယားတစ်ခုကို ဖန်တီးပေးသည်။ tr, td, th tag များနှင့် အတူတကွ အသုံးပြုသည်။

tr tag သည် ဇယားတစ်ခု၏ တန်းတစ်ခုကို ဖန်တီးပြီး td နှင့် th tag များသည် ထိုဇယား၏ ဆဲလ်များကို ဖန်တီးပေးသည်။ td နှင့် th tag များ၏ ကွာခြားချက်မှာ - ပထမတစ်ခုသည် သာမန် ဆဲလ်တစ်ခု ဖြစ်ပြီး ဒုတိယတစ်ခုသည် ခေါင်းစီး ဆဲလ်တစ်ခု ဖြစ်သည်။

Attributes များ

Attribute ဖော်ပြချက်
cellspacing ဆဲလ်များအကြား အကွာအဝေးကို သတ်မှတ်ပေးသည်။
‌အသုံးမပြုတော့ပါ။ ၎င်းအစား border-spacing CSS property ကို အသုံးပြုသင့်သည်။
cellpadding စာသားနှင့် ဆဲလ်နယ်နိမိတ်ကြား အကွာအဝေးကို သတ်မှတ်ပေးသည်။
‌အသုံးမပြုတော့ပါ။ ၎င်းအစား padding CSS property ကို အသုံးပြုသင့်သည်။
border ဆဲလ်များနှင့် ဇယား၏ နယ်နိမိတ်ကို သတ်မှတ်ပေးသည်။
‌အသုံးမပြုတော့ပါ။ ၎င်းအစား border CSS property ကို အသုံးပြုသင့်သည်။

ဥပမာ

th နှင့် td tag များပါသည့် ဇယားတစ်ခုကို ဖန်တီးကြည့်ရအောင်။

html<table>
  <tr>
    <th>နာမည်</th>
    <th>မျိုးနွယ်အမည်</th>
    <th>လစာ</th>
  </tr>
  <tr>
    <td>name1</td>
    <td>surn1</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>name2</td>
    <td>surn2</td>
    <td>1000$</td>
  </tr>
</table>
csstable, td, th {
  border: 1px solid black;
}

Результат:

ဆက်လက်ဖတ်ရှုရန်

  • thead, tbody နှင့် tfoot tag များ,
    ဇယားတန်းများကို အုပ်စုဖွဲ့ပေးသည်
  • caption tag,
    ဇယားတစ်ခုလုံး၏ ခေါင်းစီးကို သတ်မှတ်ပေးသည်
  • vertical-align property,
    စာသားကို ဒေါင်လိုက်နေရာချပေးသည်
  • rowspan နှင့် colspan attributes များ,
    ဇယား၏ တန်းများနှင့် ကော်လံများကို ပေါင်းစပ်ပေးသည်