HTML में टेबल कॉलम मर्ज करने के लिए टैग में colspan विशेषता का उपयोग करें। इससे सेल को आपस में मर्ज करें। उदाहरण के लिए, यदि आपकी तालिका में 4 पंक्तियाँ और 4 स्तंभ हैं, तो colspan विशेषता के साथ, आप तालिका के 2 या 3 कक्षों को आसानी से मर्ज कर सकते हैं।
उदाहरण
आप HTML में टेबल कॉलम को मर्ज करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं। सबसे पहले, हम देखेंगे कि HTML में 3 पंक्तियों और 3 स्तंभों के साथ एक तालिका कैसे बनाई जाती है
<!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>
आउटपुट