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

colspan एट्रिब्यूट का उपयोग

टेबल कॉलम्स मर्ज करने के लिए <td> टैग में colspan एट्रिब्यूट उपयोग करें। इससे आसन्न सेल्स आपस में मिल जाते हैं।

उदाहरण: सामान्य टेबल (3x3)

<!DOCTYPE html> <html>
  <head>
    <style>
      table, th, td { border: 1px solid black; width: 100px; height: 50px; }
    </style>
  </head>
  <body>
    <h1>Heading</h1>
    <table>
      <tr> <th></th> <th></th> <th></th> </tr>
      <tr> <td></td> <td></td> <td></td> </tr>
      <tr> <td></td> <td></td> <td></td> </tr>
    </table>
  </body>
</html>

उदाहरण: पहले दो कॉलम्स मर्ज (colspan="2")

<!DOCTYPE html> <html>
  <head>
    <style>
      table, th, td { border: 1px solid black; width: 100px; height: 50px; }
    </style>
  </head>
  <body>
    <h1>Heading</h1>
    <table>
      <tr> <th></th> <th></th> <th></th> </tr>
      <tr> <td colspan="2"></td> <td></td> </tr>
      <tr> <td></td> <td></td> <td></td> </tr>
    </table>
  </body>
</html>