HTML <caption> Tag

Pagsasagawa at paglilinaw

<caption> Tutukoy ng tag ang titulo ng table.

Ang tag na caption ay dapat magtagal sa pagkatapos ng tag na table. Hindi mo maaaring magbigay ng isang titulo para sa bawat table lamang.

Paalala:Bilang katumbas, ang titulo ng table ay aayos sa gitna sa itaas ng table. Gayunpaman, ang mga katangian ng CSS na text-align at caption-side ay maaaring gamitin para sa pag-aayos at paglalagay ng titulo.

Para sa karagdagang pagkikita:

Manwal sa HTML DOM:Objeto na may caption

Eksemplo

Halimbawa 1

Table na may titulo:

<table>
  <caption>Deposito bawat buwan</caption>
  <tr>
    <th>เดือน</th>
    <th>เงินฝาก</th>
  </tr>
  <tr>
    <td>มกราคม</td>
    <td>￥3000</td>
  </tr>
</table>

ทดลองด้วยตัวเอง

Halimbawa 2

Titulo ng lokasyon ng table (gamit ang CSS):

<table>
  <caption style="text-align:right">Aking deposito</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。

การตั้งค่า CSS โดยเริ่มต้น

โปรแกรมบราวเซอร์ส่วนใหญ่จะแสดงค่าเริ่มต้นตามต่อไปนี้ <caption> องค์ประกอบ：

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

ทดลองด้วยตัวเอง

การสนับสนุนเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน