HTML <caption> အချက်အလက်

  • အရှေ့လိုက် စာရင်း <canvas>
  • နောက်လိုက် စာရင်း <center>

အသုံးပြုနည်းနှင့် လက္ခဏာ:

<caption> အမှတ်အသား သည် အချက်အလက်အုပ်၏ ခေါင်းစဉ် ကို အသုံးပြုသည်。

caption အမှတ်အသား သည် table အမှတ်အသား နောက်မှ လိုက်ပါသည်။ သူတို့ သည် ချက်အလက်အုပ်၏ ခေါင်းစဉ် တစ်ခုတည်း ကို သာ အသုံးပြုနိုင်သည်。

အကြောင်းအရာ:ပုံမှာ အချက်အလက်အုပ်၏ ခေါင်းစဉ် သည် အချက်အလက်အုပ်၏ အထိပ်တွင် ကြားဘက်တွင် စီစဉ်ထားသည်။ သို့သော်လည်း,CSS အကိုးအချုပ် text-align နှင့် caption-side ကို ခေါင်းစဉ်၏ စီစဉ်နှင့် တည်နေရာကို ပြင်ဆင်နိုင်သည်。

တဖြစ်က ကျွန်ုပ်အား ကျွန်ုပ်ကိုယ်တိုင် ကြည့်ရှုပါ:

HTML DOM ဆိုင်ရာ ညွှန်းပြချက်:Caption အရာမ

အကျိုးသတ္တိ

အမှတ် 1

ခေါင်းစဉ်ရှိသော အချက်အလက်အုပ်:

<table>
  <caption>လစာလုံး ကျေးဇူး</caption>
  <tr>
    <th>လပတ်</th>
    <th>ကြွေးမြီ</th>
  </tr>
  <tr>
    <td>လတ္တရာ</td>
    <td>¥3000</td>
  </tr>
</table>

ကိုယ်ကျင် ကြိုးစားကြည့်ပါ

အမှတ် 2

စစ်တမ်းတခု၏ ခေါင်းစဉ် (CSS အသုံးပြုခြင်း):

<table>
  <caption style="text-align:right">ကျေးဇူး</caption>
  <tr>
    <th>လပတ်</th>
    <th>ကြွေးမြီ</th>
  </tr>
  <tr>
    <td>လတ္တရာ</td>
    <td>¥3000</td>
  </tr>
</table>
<br>
<table>
  <caption style="caption-side:bottom">ကြွေးမြီ</caption>
  <tr>
    <th>လပတ်</th>
    <th>ကြွေးမြီ</th>
  </tr>
  <tr>
    <td>လတ္တရာ</td>
    <td>¥3000</td>
  </tr>
</table>

ကိုယ်ကျင် ကြိုးစားကြည့်ပါ

အကြီးအကျယ်

<caption> အချက် HTML အကြီးအကျယ် အချက်.

အခင်းအား

<caption> အချက် HTML အခင်းအား အချက်.

ပုံစံ အချက်အလက်

အချို့ ဘာသာစကား ဘရောက်သတ်သည် ချင်းသည် အောက်ပါ ပုံစံ အသုံးပြုသည် <caption> အရာ:

caption {
  display: table-caption;
  text-align: center;
}

ကိုယ်ကျင် ကြိုးစားကြည့်ပါ

ဘာသာစကား အားနှုန်း

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့
  • အရှေ့လိုက် စာရင်း <canvas>
  • နောက်လိုက် စာရင်း <center>