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

colspan और rowspan दोनों का उपयोग

टेबल सेल्स मर्ज करने के लिए colspan (स्तंभ) और rowspan (पंक्ति) एट्रिब्यूट्स एक साथ उपयोग करें। दोनों <td> टैग के अंदर जाते हैं।

उदाहरण: सामान्य 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 + rowspan)

<!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 colspan="2"></th> <th></th> </tr>
      <tr> <td></td> <td></td> <td rowspan="2"></td> </tr>
      <tr> <td></td> <td></td> </tr>
    </table>
  </body>
</html>