বিবরণ
<colgroup> ট্যাগ হলো একটি টেবিলে এক বা একাধিক কলামের গ্রুপ। এটি সব কলামের জন্য স্টাইল সেট করে।
<colgroup> ট্যাগের অ্যাট্রিবিউট:
- span − একটি কলাম গ্রুপ কতগুলো কলাম স্প্যান করবে তা span অ্যাট্রিবিউট দিয়ে সেট করা হয়।
উদাহরণ
আইয়ে এখন <colgroup> ট্যাগ ইমপ্লিমেন্ট করার একটি উদাহরণ দেখি:
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 2px solid black; } </style> </head> <body> <h2>Result</h2> <table> <colgroup> <col span="3" style="background-color:gray;"> <col style="background-color:orange;"> </colgroup> <tr> <th>Id</th> <th>Name</th> <th>Percentage</th> <th>Rank</th> </tr> <tr> <td>009</td> <td>Tom</td> <td>98</td> <td>1</td> </tr> <tr> <td>011</td> <td>Kieron</td> <td>97</td> <td>2</td> </tr> <tr> <td>039</td> <td>Gayle</td> <td>95</td> <td>3</td> </tr> <tr> <td>017</td> <td>Shaun</td> <td>92</td> <td>4</td> </tr> <tr> <td>009</td> <td>Kane</td> <td>91</td> <td>5</td> </tr> <tr> <td>025</td> <td>Steve</td> <td>87</td> <td>6</td> </tr> <tr> <td>013</td> <td>Jack</td> <td>85</td> <td>7</td> </tr> <tr> <td>023</td> <td>Tim</td> <td>84</td> <td>8</td> </tr> </table> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
উদাহরণের ব্যাখ্যা
উপরোক্ত উদাহরণে, আমরা একাধিক কলামের জন্য স্টাইল সেট করেছি:
<colgroup> <col span="3" style="background-color:gray;"> <col style="background-color:orange;"> </colgroup>
আমরা <colgroup> এলিমেন্টে প্রথম ৩টি কলামের জন্য স্লেটি ব্যাকগ্রাউন্ড কালার স্টাইল সেট করেছি:
<col span="3" style="background-color:gray;">
বাকি কলাম(গুলো) এর জন্য نارঙ্গি ব্যাকগ্রাউন্ড কালার স্টাইল সেট করা হয়েছে:
<col style="background-color:orange;">
