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

HTML में टेबल बॉडी (tbody) कैसे प्रदर्शित करें?

HTML में टेबल की मुख्य सामग्री को परिभाषित करने के लिए <tbody> टैग का उपयोग किया जाता है। यह टैग <thead> (हेडर) और <tfoot> (फूटर) के साथ मिलकर टेबल को तार्किक रूप से संरचित करता है।

विशेषताएँ (Attributes)

विशेषता मान विवरण
align right, left, center, justify, char निरस्त - क्षैतिज संरेखण।
char Character निरस्त - वह वर्ण निर्दिष्ट करता है जिस पर टेक्स्ट संरेखित होगा। जब align="char" हो तब उपयोग किया जाता है।
charoff पिक्सेल या % निरस्त - संरेखण ऑफसेट निर्दिष्ट करता है। जब align="char" हो तब उपयोग किया जाता है।
valign top, middle, bottom, baseline निरस्त - लंबवत संरेखण।
नोट: उपरोक्त सभी विशेषताएँ HTML5 में निरस्त (deprecated) हैं। आधुनिक वेब विकास में CSS का उपयोग करें।

उदाहरण

निम्नलिखित कोड HTML में टेबल बॉडी बनाने का तरीका दर्शाता है:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML tbody Tag</title>
  </head>
  <body>
    <table style="width:100%" border="1">
      <thead>
        <tr>
          <td colspan="4">यह टेबल का हेडर है</td>
        </tr>
      </thead>
      <tfoot>
        <tr>
          <td colspan="4">यह टेबल का फूटर है</td>
        </tr>
      </tfoot>
      <tbody>
        <tr>
          <td>सेल 1</td>
          <td>सेल 2</td>
          <td>सेल 3</td>
          <td>सेल 4</td>
        </tr>
        <tr>
          <td>सेल 5</td>
          <td>सेल 6</td>
          <td>सेल 7</td>
          <td>सेल 8</td>
        </tr>
      </tbody>
      <tbody>
        <tr>
          <td>सेल 9</td>
          <td>सेल 10</td>
          <td>सेल 11</td>
          <td>सेल 12</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

मुख्य बिंदु

  • एक टेबल में एक से अधिक <tbody> तत्व हो सकते हैं।
  • <tbody> टैग <table> के अंदर होना चाहिए, <thead> और <tfoot> के बाद।
  • स्टाइलिंग के लिए CSS का उपयोग करें (जैसे text-align, vertical-align)।
  1. HTML में टेबल rowspan और colspan क्या हैं? HTML में टेबल rowspan और colspan क्या हैं?

    सेल मर्ज करने के एट्रिब्यूट्स rowspan और colspan <td> टैग के एट्रिब्यूट्स हैं जो बताते हैं कि एक सेल कितनी पंक्तियों (rows) या स्तंभों (columns) तक फैलेगा। rowspan - पंक्तियों की संख्या colspan - स्तंभों की संख्या मान न्यूमेरिक होता है, जैसे colspan=3 तीन स्तंभों तक फैलाएगा। उदाहरण <h

  1. HTML में टेबल कॉलम्स कैसे मर्ज करें? HTML में टेबल कॉलम्स कैसे मर्ज करें?

    colspan एट्रिब्यूट का उपयोग टेबल कॉलम्स मर्ज करने के लिए <td> टैग में colspan एट्रिब्यूट उपयोग करें। इससे आसन्न सेल्स आपस में मिल जाते हैं। उदाहरण: सामान्य टेबल (3x3) <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; width: 100

  1. HTML में टेबल सेल्स कैसे मर्ज करें? HTML में टेबल सेल्स कैसे मर्ज करें?

    colspan और rowspan दोनों का उपयोग टेबल सेल्स मर्ज करने के लिए colspan (स्तंभ) और rowspan (पंक्ति) एट्रिब्यूट्स एक साथ उपयोग करें। दोनों <td> टैग के अंदर जाते हैं। उदाहरण: सामान्य 3x3 टेबल <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px so