एचटीएमएल <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 में इवेंट प्रकृति。

डिफ़ॉल्ट CSS सेटिंग

अधिकांश ब्राउज़र निम्नलिखित डिफ़ॉल्ट मूल्यों को प्रदर्शित करेंगे <caption> एलीमेंट:

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

स्वयं प्रयोग करें

ब्राउज़र सापोर्ट

च्रोम एज फायरफॉक्स सैफारी ऑपेरा
च्रोम एज फायरफॉक्स सैफारी ऑपेरा
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट
  • पिछला पृष्ठ <canvas>
  • अगला पृष्ठ <center>