HTML ဇယားများ
HTML ဇယားများသည် ဝဘ်ဆော့ဖ်ဝဲရေးသားသူများအား ဒေတာများကို အတန်းများနှင့် ကော်လံများအဖြစ် စီစဉ်ခွင့်ပြုသည်။
ဥပမာ
Company | Contact | Country |
---|---|---|
Alfreds Futterkiste | Maria Anders | Germany |
Centro comercial Moctezuma | Francisco Chang | Mexico |
Ernst Handel | Roland Mendel | Austria |
Island Trading | Helen Bennett | UK |
Laughing Bacchus Winecellars | Yoshi Tannamuri | Canada |
Magazzini Alimentari Riuniti | Giovanni Rovelli | Italy |
HTML Table ကို သတ်မှတ်ပါ။
HTML ရှိ ဇယားတစ်ခုသည် အတန်းများနှင့် ကော်လံများတွင် ဇယားဆဲလ်များ ပါဝင်သည်။
ဥပမာ
ရိုးရှင်းသော HTML ဇယား-
<table>
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria
Anders</td>
<td>Germany</td>
</tr>
<tr>
<td>Centro
comercial Moctezuma</td>
<td>Francisco
Chang</td>
<td>Mexico</td>
</tr>
</table>
ဇယားဆဲလ်များ
ဇယားဆဲလ်တစ်ခုစီကို a
<td>
နှင့် </td>
tag တစ်ခုဖြင့် သတ်မှတ်သည်။
td
table data ကို ကိုယ်စားပြုပါတယ်။
ကြားရှိအရာအားလုံး သည် ဇယားဆဲလ်၏ အကြောင်းအရာများဖြစ်သည် <td>
။</td>
ဥပမာ
<table>
<tr>
<td>Emil</td>
<td>Tobias</td>
<td>Linus</td>
</tr>
</table>
မှတ်ချက်- ဇယားဒေတာဒြပ်စင်များသည် ဇယား၏ဒေတာကွန်တိန်နာများဖြစ်သည်။
၎င်းတို့တွင် HTML ဒြပ်စင်အမျိုးအစားများ ပါဝင်နိုင်သည်။ စာသား၊ ရုပ်ပုံများ၊ စာရင်းများ၊ အခြားဇယားများ စသည်တို့
ဇယားတန်းများ
ဇယားအတန်းတစ်ခုစီသည် အမှတ်တစ်ခုဖြင့် စတင်ပြီး
တက်ဂ် <tr>
တစ်ခုဖြင့် အဆုံးသတ်သည် </tr>
။
tr
table row ကို ကိုယ်စားပြုပါတယ်။
ဥပမာ
<table>
<tr>
<td>Emil</td>
<td>Tobias</td>
<td>Linus</td>
</tr>
<tr>
<td>16</td>
<td>14</td>
<td>10</td>
</tr>
</table>
ဇယားတစ်ခုတွင် သင်နှစ်သက်သလောက် အတန်းများစွာ ရှိနိုင်သည်၊ အတန်းတစ်ခုစီတွင် ဆဲလ်အရေအတွက် တူညီကြောင်း သေချာပါစေ။
မှတ်ချက် ။ အဲဒါကို နောက်အခန်းမှာ လေ့လာမယ်။
ဇယား ခေါင်းစီးများ
တစ်ခါတစ်ရံတွင် သင်သည် သင်၏ဆဲလ်များကို ခေါင်းစီးများဖြစ်စေလိုသည်၊ ထိုအခြေအနေများတွင်
<th>
တဂ်အစား တဂ်ကို
အသုံးပြုပါ <td>
-
ဥပမာ
ပထမတန်းကို ဇယားခေါင်းစီးများ ဖြစ်ပါစေ။
<table>
<tr>
<th>Person 1</th>
<th>Person 2</th>
<th>Person
3</th>
</tr>
<tr>
<td>Emil</td>
<td>Tobias</td>
<td>Linus</td>
</tr>
<tr>
<td>16</td>
<td>14</td>
<td>10</td>
</tr>
</table>
မူရင်းအားဖြင့်၊ <th>
ဒြပ်စင်များရှိ စာသားများသည် ရဲရင့်ပြီး ဗဟိုပြုသော်လည်း ၎င်းကို CSS ဖြင့် ပြောင်းလဲနိုင်သည်။
HTML လေ့ကျင့်ခန်းများ
HTML Table Tags
Tag | Description |
---|---|
<table> | Defines a table |
<th> | Defines a header cell in a table |
<tr> | Defines a row in a table |
<td> | Defines a cell in a table |
<caption> | Defines a table caption |
<colgroup> | Specifies a group of one or more columns in a table for formatting |
<col> | Specifies column properties for each column within a <colgroup> element |
<thead> | Groups the header content in a table |
<tbody> | Groups the body content in a table |
<tfoot> | Groups the footer content in a table |
ရနိုင်သော HTML တဂ်များ အားလုံး၏ စာရင်းအပြည့်အစုံအတွက်၊ ကျွန်ုပ်တို့၏ HTML Tag အကိုးအကားကို ဝင်ရောက်ကြည့်ရှု ပါ။