హ్టీఎంఎల్ <caption> టాగ్

  • ముంది పేజీ <canvas>
  • తరువాత పేజీ <center>

నిర్వహణ మరియు ఉపయోగం

<caption> టాగ్ పట్టిక పేరును నిర్వచిస్తుంది.

caption టాగ్ పట్టిక టాగ్ తర్వాత ఉండాలి. మీరు ప్రతి పట్టికకు ఒక పేరు మాత్రమే నిర్వచించవచ్చు.

సలహా:అప్రమేయంగా, పట్టిక పేరు పట్టికపైన మధ్యలో కేంద్రీకృతంగా ఉంటుంది. కానీ, CSS అమరికలు text-align మరియు caption-side ఉపయోగించి పేరును సరికొనుట మరియు స్థానం తలుపుతుంది.

ఇతర పఠనాలు చూడండి:

HTML DOM పరిచయం పుస్తకం:Caption ఆబ్జెక్ట్

ప్రత్యయం

ఉదాహరణ 1

పేరున్న పట్టిక:

<br>
  <caption>ప్రతిమాసం సేవ్యుత్తులు</caption>
  <th>డిపాజిట్</th>
    <caption style="caption-side:bottom">నా డిపాజిట్స్</caption>
    <th>నెలలు</th>
  <td>¥3000</td>
  <th>డిపాజిట్</th>
    <tr>
    <td>మేయి</td>
  <td>¥3000</td>
</tr>

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

స్థానాన్ని తెలుపుతున్న పేరు (క్లాస్స్స్ ఉపయోగించి):

<br>
  <caption style="text-align:right">నా సేవ్యుత్తులు</caption>
  <th>డిపాజిట్</th>
    <caption style="caption-side:bottom">నా డిపాజిట్స్</caption>
    <th>నెలలు</th>
  <td>¥3000</td>
  <th>డిపాజిట్</th>
    <tr>
    <td>మేయి</td>
  <td>¥3000</td>
</tr>

<br> <table> <th>డిపాజిట్</th> <caption style="caption-side:bottom">నా డిపాజిట్స్</caption> <th>నెలలు</th> <td>¥3000</td> <th>డిపాజిట్</th> <tr> <td>మేయి</td> <td>¥3000</td> </tr>

స్వయంగా ప్రయత్నించండి

</table>

<caption> టాగ్ ఇవెంట్ అట్రిబ్యూట్స్ మద్దతు కలిగి ఉంటాయి గ్లౌబల్ అట్రిబ్యూట్స్.

HTML లో గ్లౌబల్ అట్రిబ్యూట్స్

<caption> టాగ్ ఇవెంట్ అట్రిబ్యూట్స్ మద్దతు కలిగి ఉంటాయి HTML లో ఇవెంట్ అట్రిబ్యూట్స్.

డిఫాల్ట్ CSS సెట్టింగ్స్

అత్యంత బ్రాఉజర్లు క్రింది డిఫాల్ట్ విలువలను విస్తరిస్తాయి <caption> అంశం:

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

స్వయంగా ప్రయత్నించండి

బ్రాఉజర్ మద్దతు

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు
  • ముంది పేజీ <canvas>
  • తరువాత పేజీ <center>