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

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


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

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

इन विशेषताओं में संख्यात्मक मान होते हैं, उदाहरण के लिए, colspan=3 तीन स्तंभों तक फैला होगा।
HTML में Rowpan और colspan विशेषता के साथ काम करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं

उदाहरण

<html>
   <head>
      <style>
         table, th, td {
            border: 1px solid black;
            width: 100px;
            height: 50px;
         }
      </style>
   </head>

   <body>
      <h1>Heading</h1>
      <table>
         <tr>
            <th colspan="2"></th>
            <th></th>
         </tr>
         <tr>
            <td></td>
            <td></td>
            <td rowspan="3"></td>
         </tr>
         <tr>
            <td></td>
            <td></td>
         </tr>
         <tr>
            <td></td>
            <td></td>
         </tr>
      </table>
   </body>
</html>

आउटपुट

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


  1. HTML <th> colspan विशेषता

    एलिमेंट के कोलस्पैन एट्रिब्यूट का इस्तेमाल हेडर सेल में कॉलम की संख्या सेट करने के लिए किया जाता है। निम्नलिखित वाक्य रचना है - <th colspan="num"> ऊपर, num उन स्तंभों की संख्या है जो एक हेडर सेल को फैलाना चाहिए। आइए अब तत्व की colspan विशेषता को लागू करने के लिए एक उदाहरण देखें -

  1. एचटीएमएल <colgroup> टैग

    टैग किसी तालिका में एक या एक से अधिक स्तंभों का समूह होता है। यह सभी स्तंभों के लिए शैली निर्धारित करता है। टैग की विशेषता निम्नलिखित है - अवधि − कॉलम समूह को जितने कॉलम का विस्तार करना चाहिए, वह स्पैन एट्रिब्यूट के साथ सेट किया गया है उदाहरण आइए अब टैग - . को लागू करने के लिए एक उदाहरण देखें

  1. एचटीएमएल डोम टेबलडेटा कॉलस्पैन संपत्ति

    HTML DOM TableData colSpan गुण किसी HTML दस्तावेज़ में तालिका के colspan विशेषता के मान को लौटाता है और संशोधित करता है। सिंटैक्स निम्नलिखित वाक्य रचना है - 1. colSpan लौट रहा है object.colSpan 2. colSpan जोड़ना object.colSpan = “number” आइए हम colSpan गुण का एक उदाहरण देखें - उदाह