HTML <td> colspan एट्रिब्यूट

<td> एलिमेंट का colspan एट्रिब्यूट

HTML में <td> एलिमेंट का colspan एट्रिब्यूट परिभाषित करता है कि एक सेल को कितने कॉलम तक फैलना चाहिए (span)। यह सेल को क्षैतिज रूप से मर्ज (merge) करता है।

वाक्यविन्यास (Syntax)

<td colspan="num">

ऊपर, num वह संख्या है जितने कॉलम एक सेल को फैलाना चाहिए।

उदाहरण

<!DOCTYPE html>
<html>
<head>
  <style> table, th, td { border: 2px solid blue; } </style>
</head>
<body>
<h2>Product Expenses</h2>
<table>
  <tr>
    <th>Domains</th>
    <th>Cost</th>
  </tr>
  <tr>
    <td>Product Development</td>
    <td>500000</td>
  </tr>
  <tr>
    <td>Marketing</td>
    <td>500000</td>
  </tr>
  <tr>
    <td>Services</td>
    <td>100000</td>
  </tr>
  <tr>
    <td>Support</td>
    <td>100000</td>
  </tr>
  <tr>
    <td>Maintenance</td>
    <td>100000</td>
  </tr>
  <tr>
    <td colspan="2">Total Budget = INR 1300000</td>
  </tr>
</table>
</body>
</html>

आउटपुट

अंतिम पंक्ति में "Total Budget" सेल दोनों कॉलम (Domains और Cost) में फैल जाएगा:

संबंधित: rowspan

rowspan एट्रिब्यूट सेल को लंबवत (पंक्तियों में) फैलाता है:

<td rowspan="2">दो पंक्तियों में फैला सेल</td>

नोट

• colspan="0" विशेष मान: सेल को कॉलम ग्रुप के अंत तक फैलाता है (ब्राउज़र समर्थन भिन्न)।
• मर्ज किए गए सेल्स के कारण टेबल संरचना टूट न जाए, इसका ध्यान रखें।
• एक्सेसिबिलिटी: स्क्रीन रीडर colspan/rowspan की घोषणा करते हैं।