HTML ဇယား ခေါင်းစီးများ
HTML ဇယားများတွင် ကော်လံတစ်ခုစီ သို့မဟုတ် အတန်းတစ်ခုစီအတွက် သို့မဟုတ် ကော်လံ/အတန်းများစွာအတွက် ခေါင်းစီးများ ရှိနိုင်သည်။
EMIL | TOBIAS | LINUS |
---|---|---|
၈:၀၀ | ||
---|---|---|
၉:၀၀ | ||
၁၀:၀၀ | ||
၁၁:၀၀ | ||
12:00 | ||
၁၃:၀၀ |
မွန် | TUE | ဗုဒ္ဓဟူးနေ့ | စုဆောင်းပါ။ | FRI | |
---|---|---|---|---|---|
၈:၀၀ | |||||
၉:၀၀ | |||||
၁၀:၀၀ | |||||
၁၁:၀၀ | |||||
12:00 |
ဒီဇင်ဘာ | ||
---|---|---|
HTML ဇယား ခေါင်းစီးများ
ဇယားခေါင်းစီးများကို ဒြပ်စင်များဖြင့် သတ်မှတ်ထားပြီး ၊ ဒြပ်စင် th
တစ်ခုစီ th
သည် ဇယားဆဲလ်တစ်ခုကို ကိုယ်စားပြုသည်။
ဥပမာ
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
ဒေါင်လိုက်ဇယား ခေါင်းစီးများ
ပထမကော်လံကို ဇယားခေါင်းစီးများအဖြစ် အသုံးပြုရန်၊ အတန်းတစ်ခုစီရှိ ပထမဆဲလ်ကို th
အစိတ်အပိုင်းတစ်ခုအဖြစ် သတ်မှတ်ပါ-
ဥပမာ
<table>
<tr>
<th>Firstname</th>
<td>Jill</td>
<td>Eve</td>
</tr>
<tr>
<th>Lastname</th>
<td>Smith</td>
<td>Jackson</td>
</tr>
<tr>
<th>Age</th>
<td>94</td>
<td>50</td>
</tr>
</table>
ဇယား ခေါင်းစီးများကို ချိန်ညှိပါ။
မူရင်းအားဖြင့်၊ ဇယားခေါင်းစီးများသည် ရဲရင့်ပြီး ဗဟိုပြုသည်-
နာမည် | မျိုးနွယ်အမည် | အသက် |
---|---|---|
ဂျေးလ် | စမစ် | ၅၀ |
ဧဝ | လုပ်ပြတယ်။ | ၉၄ |
ဇယားခေါင်းစီးများကို ဘယ်ဘက်ညှိရန် CSS text-align
ပိုင်ဆိုင်မှုကို အသုံးပြုပါ-
ဥပမာ
th {
text-align: left;
}
ကော်လံများစွာအတွက် ခေါင်းစီး
ကော်လံနှစ်ခု သို့မဟုတ် ထို့ထက်ပိုသော ကော်လံများပေါ်တွင် ဖြန့်ကျက်ထားသော ခေါင်းစီးတစ်ခု ရှိနိုင်သည်။
နာမည် | အသက် | |
---|---|---|
ဂျေးလ် | စမစ် | ၅၀ |
ဧဝ | လုပ်ပြတယ်။ | ၉၄ |
ဒါကိုလုပ်ဖို့၊ element colspan
ပေါ်က attribute ကို
သုံးပါ<th>
ဥပမာ
<table>
<tr>
<th colspan="2">Name</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
Table colspan & rowspan အခန်း တွင် colspan နှင့် rowspan အကြောင်း ပိုမိုလေ့လာနိုင်မည်ဖြစ်ပါသည် ။
ဇယားစာတန်း
စားပွဲတစ်ခုလုံးအတွက် ခေါင်းစဉ်အဖြစ် အသုံးပြုနိုင်သော စာတန်းတစ်ခုကို သင်ထည့်နိုင်သည်။
လ | စုဆောင်းငွေ |
---|---|
ဇန်နဝါရီလ | $100 |
ဖေဖော်ဝါရီ | $50 |
ဇယားတစ်ခုသို့ စာတန်းထည့်ရန်၊ <caption>
တဂ်ကို အသုံးပြုပါ-
ဥပမာ
<table style="width:100%">
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$50</td>
</tr>
</table>
မှတ်ချက်- တဂ် ကို တဂ် <caption>
ပြီးနောက် ချက်ချင်း ထည့်သွင်းသင့်သည် <table>
။