Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

HTML में टेबल कैप्शन कैसे शामिल करें?

उदाहरण

<caption> टैग से टेबल का शीर्षक/विवरण जोड़ें (टेबल के तुरंत बाद)।

<!DOCTYPE html>
<html>
  <head>
    <style>
      table, th, td { border: 1px solid black; }
    </style>
  </head>
  <body>
    <h2>क्रिकेटर्स</h2>
    <table style="width:100%">
      <caption>भारतीय क्रिकेटर्स</caption>
      <th>नाम</th>
      <tr> <td>सचिन तेंदुलकर</td> </tr>
      <tr> <td>विराट कोहली</td> </tr>
    </table>
  </body>
</html>

सुलभता: स्क्रीन रीडर्स कैप्शन पढ़कर टेबल का उद्देश्य बताते हैं। कैप्शन टेबल का पहला बच्चा होना चाहिए।

  1. HTML में टेबल बॉर्डर कैसे बनाएं? HTML में टेबल बॉर्डर कैसे बनाएं?

    CSS border प्रॉपर्टी उपयोग करें HTML5 में <table> का border एट्रिब्यूट डिप्रिकेटेड है। टेबल, <th> और <td> के लिए CSS border प्रॉपर्टी उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; } </s

  1. HTML DOM Caption ऑब्जेक्ट HTML DOM Caption ऑब्जेक्ट

    HTML DOM Caption ऑब्जेक्ट HTML <caption> एलिमेंट से जुड़ा होता है। <caption> एलिमेंट का उपयोग टेबल के कैप्शन (शीर्षक) को सेट करने के लिए किया जाता है और यह टेबल का पहला चाइल्ड होना चाहिए। आप caption ऑब्जेक्ट का उपयोग करके caption एलिमेंट को एक्सेस कर सकते हैं।प्रॉपर्टीज (Properties)नोट:

  1. HTML DOM टेबल createCaption() मेथड: टेबल कैप्शन डायनामिकली बनाना HTML DOM टेबल createCaption() मेथड: टेबल कैप्शन डायनामिकली बनाना

    HTML DOM टेबल createCaption() मेथड एक खाली <caption> एलिमेंट जनरेट करता है और इसे HTML दस्तावेज़ में टेबल में जोड़ता है। यदि टेबल में पहले से कैप्शन है, तो यह मौजूदा कैप्शन को लौटाता है (नया नहीं बनाता)। सिंटैक्स object.createCaption() उदाहरण: जावास्क्रिप्ट से कैप्शन बनाना <!DOCTYPE html&