HTML-এ টেবিল কলাম মার্জ করতে <td> ট্যাগে colspan অ্যাট্রিবিউট ব্যবহার করা হয়। এর মাধ্যমে সেলগুলো একে অপরের সাথে মার্জ করা যায়। উদাহরণস্বরূপ, যদি আপনার টেবিল ৪ রো এবং ৪ কলামের হয়, তবে colspan অ্যাট্রিবিউট দিয়ে ২ বা ৩টি সেল সহজে মার্জ করা যাবে।
উদাহরণ
নিচের কোড চালিয়ে HTML-এ টেবিল কলাম মার্জ করুন। প্রথমে ৩ রো এবং ৩ কলামের একটি টেবিল তৈরি করা দেখানো হলো:
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; width: 100px; height: 50px; } </style> </head> <body> <h1>হেডিং</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 অ্যাট্রিবিউট ব্যবহার করে প্রথম ২ কলাম মার্জ করব:
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; width: 100px; height: 50px; } </style> </head> <body> <h1>হেডিং</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>
আউটপুট
