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

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


टेबल बॉडी प्रदर्शित करने के लिए HTML में टैग का उपयोग करें। HTML टैग का उपयोग किसी तालिका में बॉडी जोड़ने के लिए किया जाता है। टेबल के प्रत्येक भाग (हेडर, फुटर, बॉडी) को निर्धारित करने में tbody टैग का उपयोग थैड टैग और tfoot टैग के संयोजन में किया जाता है।

निम्नलिखित हैं टैग की विशेषताएँ -

विशेषता
<वें शैली ="चौड़ाई:20.8609%; पाठ-संरेखण:केंद्र;">मान
<वें शैली ="चौड़ाई:59.9338%; पाठ-संरेखण:केंद्र;">विवरण
align
दाएं
बाएं
केंद्र
औचित्य साबित
चारो
बहिष्कृत - दृश्य संरेखण।
char
चरित्र
बहिष्कृत - निर्दिष्ट करता है कि पाठ को किस वर्ण पर संरेखित करना है। संरेखित करते समय प्रयुक्त ="चार"
charoff
पिक्सेल या %
बहिष्कृत - चार विशेषता के साथ निर्दिष्ट पहले वर्ण के विरुद्ध एक संरेखण ऑफ़सेट (या तो पिक्सेल या प्रतिशत मान में) निर्दिष्ट करता है। संरेखित करते समय प्रयुक्त ="चार"
valign
शीर्ष
मध्य
तल
आधारभूत
बहिष्कृत - लंबवत संरेखण।

उदाहरण

आप HTML में एक टेबल बॉडी प्रदर्शित करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं -

<!DOCTYPE html>
<html>
   <head>
      <title>HTML tbody Tag</title>
   </head>
   <body>
      <table style = "width:100%" border = "1">
         <thead>
            <tr>
               <td colspan = "4">This is the head of the table</td>
            </tr>
         </thead>
         <tfoot>
            <tr>
               <td colspan = "4">This is the foot of the table</td>
            </tr>
         </tfoot>
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
            <tr>
               ...more rows here containing four cells...
            </tr>
         </tbody>
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
            <tr>
               ...more rows here containing four cells...
            </tr>
         </tbody>
      </table>
   </body>
</html>

  1. HTML में टेबल रोस्पैन और कॉलस्पैन क्या हैं?

    rowspan और colspan टैग विशेषताएँ हैं। इनका उपयोग उन पंक्तियों या स्तंभों की संख्या को निर्दिष्ट करने के लिए किया जाता है जिन्हें एक सेल को फैलाना चाहिए। Rowspan विशेषता पंक्तियों के लिए है और साथ ही colspan विशेषता स्तंभों के लिए है। इन विशेषताओं में संख्यात्मक मान होते हैं, उदाहरण के लिए, colspa

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

    HTML में टेबल कॉलम मर्ज करने के लिए टैग में colspan विशेषता का उपयोग करें। इससे सेल को आपस में मर्ज करें। उदाहरण के लिए, यदि आपकी तालिका में 4 पंक्तियाँ और 4 स्तंभ हैं, तो colspan विशेषता के साथ, आप तालिका के 2 या 3 कक्षों को आसानी से मर्ज कर सकते हैं। उदाहरण आप HTML में टेबल कॉलम को मर्ज करने क

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

    HTML में कक्षों को मर्ज करने के लिए, colspan और Rowpan विशेषता का उपयोग करें। रोस्पेन एट्रिब्यूट उन पंक्तियों की संख्या के लिए है, जिनमें एक सेल को फैलाना चाहिए, जबकि कॉल्सपैन एट्रीब्यूट उन कई कॉलमों के लिए होता है, जिन्हें एक सेल में फैलाना चाहिए। दोनों विशेषताएँ टैग के अंदर होंगी। संख्या एक सांख्