HTML Table Colspan & Rowspan

HTML तालिका कॉलस्पैन और रोज़पैन

HTML तालिका कॉलस्पैन और रोज़पैन

HTML तालिकाओं में ऐसे सेल हो सकते हैं जो कई पंक्तियों और/या स्तंभों में फैले हों।

NAME
APRIL
2022
FIESTA

HTML इंडेक्स - कॉलस्पैन

किसी सेल को अनेक स्तंभों तक विस्तारित करने के लिए, कोलस्पैन विशेषता का उपयोग करें:

उदाहरण

<table>
  <tr>
    <th colspan="2">Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>43</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>57</td>
  </tr>
</table>
Name Age
Jill Smith 43
Eve Jackson 57

📝नोट:

कोलस्पैन विशेषता का मान विस्तार किए जाने वाले स्तंभों की संख्या को इंगित करता है।

HTML तालिका - रोज़पैन

किसी सेल को कई पंक्तियों में फैलाने के लिए, रोस्पैन विशेषता का उपयोग करें:

उदाहरण

<table>
  <tr>
    <th>Name</th>
    <td>Jill</td>
  </tr>
  <tr>
    <th rowspan="2">Phone</th>
    <td>555-1234</td>
  </tr>
  <tr>
    <td>555-8745</td>
  </tr>
</table>
Name Jill
Phone 555-1234
555-8745

📝नोट:

रोस्पैन विशेषता का मान फैलाने वाली पंक्तियों की संख्या को इंगित करता है।

अभ्यास

यह निर्दिष्ट करने के लिए सही HTML विशेषता क्या है कि एक सेल में कितनी पंक्तियाँ होनी चाहिए?

span
✗ ग़लत! तालिका पंक्ति स्पैनिंग के लिए स्पैन एक HTML विशेषता नहीं है
rowspan
✓ ठीक है! रोस्पैन विशेषता निर्दिष्ट करती है कि एक सेल में कितनी पंक्तियाँ होनी चाहिए
spanning
✗ ग़लत! स्पैनिंग एक मान्य HTML विशेषता नहीं है