HTML အကိုးအကား

အက္ခရာဖြင့် HTML HTML အမျိုးအစားအလိုက် HTML Browser ပံ့ပိုးမှု HTML အရည်အချင်းများ HTML ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ HTML ပွဲများ HTML အရောင်များ HTML Canvas HTML အသံ/ဗီဒီယို HTML အက္ခရာအစုံများ HTML Doctypes HTML URL ကုဒ် HTML ဘာသာစကားကုဒ်များ HTML နိုင်ငံကုဒ်များ HTTP မက်ဆေ့ခ်ျများ HTTP နည်းလမ်းများ PX မှ EM Converter ကီးဘုတ်ဖြတ်လမ်းများ


HTML <col> Tag


ဥပမာ

<colgroup> နှင့် <col> တဂ်များဖြင့် ကော်လံသုံးခု၏ နောက်ခံအရောင်ကို သတ်မှတ်ပါ-

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>

အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။


အဓိပ္ပါယ်နှင့် အသုံးပြုမှု

တဂ် သည် <colgroup> ဒြပ်စင် <col>အတွင်း ကော်လံတစ်ခုစီအတွက် ကော်လံဂုဏ်သတ္တိများကို သတ်မှတ်သည် ။

<col>တဂ်သည် အတန်းတစ်ခုစီအတွက် ဆဲလ်တစ်ခုစီအတွက် စတိုင်များကို ထပ်ခါတလဲလဲလုပ်မည့်အစား ကော်လံတစ်ခုလုံးတွင် ပုံစံများကို အသုံးချရန်အတွက် အသုံးဝင်သည်


Browser ပံ့ပိုးမှု

Element
<col> Yes Yes Yes Yes Yes

ဂုဏ်တော်

Attribute Value Description
span number Specifies the number of columns a <col> element should span

ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ

<col>tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။


ဖြစ်ရပ်ဂုဏ်တော်များ

<col>tag သည် HTML ရှိ Event Attributes များကိုလည်း ပံ့ပိုး ပေးပါသည်



နောက်ထပ် ဥပမာများ

ဥပမာ

ဇယားကော်လံများတွင် စာသားကိုချိန်ညှိပါ (CSS ဖြင့်)

<table style="width:100%">
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td style="text-align:right">$53</td>
  </tr>
  <tr>
    <td>2489604</td>
    <td>My first CSS</td>
    <td style="text-align:right">$47</td>
  </tr>
</table>

ဥပမာ

ဇယားကော်လံများတွင် ဒေါင်လိုက် ညှိထားသော စာသား (CSS ဖြင့်)

<table style="height:200px">
  <tr>
    <th>Month</th>
    <th style="vertical-align:bottom">Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td style="vertical-align:bottom">$100</td>
  </tr>
</table>

ဥပမာ

ဇယားကော်လံများ၏ အကျယ်ကို သတ်မှတ်ပါ (CSS ဖြင့်)

<table>
  <tr>
    <th style="width:130px">Month</th>
    <th style="width:80px">Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>

ဆက်စပ်စာမျက်နှာများ

HTML DOM ရည်ညွှန်း- ကော်လံ အရာဝတ္ထု


မူရင်း CSS ဆက်တင်များ

ဘရောက်ဆာအများစုသည် <col>အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-

ဥပမာ

col {
  display: table-column;
}