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