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

HTML में टेबल rowspan और colspan क्या हैं?


सेल मर्ज करने के एट्रिब्यूट्स

rowspan और colspan <td> टैग के एट्रिब्यूट्स हैं जो बताते हैं कि एक सेल कितनी पंक्तियों (rows) या स्तंभों (columns) तक फैलेगा।

  • rowspan - पंक्तियों की संख्या
  • colspan - स्तंभों की संख्या

मान न्यूमेरिक होता है, जैसे colspan="3" तीन स्तंभों तक फैलाएगा।

उदाहरण

<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>
  1. HTML <th> colspan एट्रिब्यूट: हेडर सेल कॉलम फैलाव HTML <th> colspan एट्रिब्यूट: हेडर सेल कॉलम फैलाव

    <th> colspan एट्रिब्यूट colspan एट्रिब्यूट <th> (हेडर सेल) एलिमेंट पर एक हेडर सेल को कई कॉलम्स में फैलाने (span) की अनुमति देता है। यह संबंधित कॉलम्स को एक सामान्य हेडर के तहत समूहित करने के लिए उपयोगी है। सिंटैक्स <th colspan=number> पैरामीटर number: फैलाने के लिए कॉलम्स की स

  1. HTML <colgroup> टैग HTML <colgroup> टैग

    <colgroup> टैग एक टेबल में एक या एक से अधिक कॉलम का ग्रुप है। यह सभी कॉलम्स के लिए स्टाइल सेट करता है। <colgroup> टैग का निम्न एट्रिब्यूट है: span - एक कॉलम ग्रुप को कितने कॉलम तक फैलना चाहिए, यह span एट्रिब्यूट के साथ सेट किया जाता है उदाहरण आइए अब <colgroup> टैग को लागू करने का

  1. HTML DOM टेबलडेटा colSpan प्रॉपर्टी: सेल को कई कॉलम में फैलाना HTML DOM टेबलडेटा colSpan प्रॉपर्टी: सेल को कई कॉलम में फैलाना

    HTML DOM टेबलडेटा colSpan प्रॉपर्टी HTML दस्तावेज़ में टेबल के colspan एट्रिब्यूट का मान लौटाती और संशोधित करती है। यह एक सेल को क्षैतिज रूप से कई कॉलम में फैलाने की अनुमति देती है। सिंटैक्स 1. colSpan प्राप्त करना: object.colSpan 2. colSpan सेट करना: object.colSpan = number उदाहरण: फुटर को दो कॉ