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 များပါသည့် ဇယားတစ်ခုကို ဖန်တီးကြည့်ရအောင်။
<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>
table, td, th {
border: 1px solid black;
}
: