কম্পিউটার টিউটোরিয়াল

HTML-এ টেবিল কলামের গ্রুপ কীভাবে অন্তর্ভুক্ত করবেন?

টেবিল কলামের গ্রুপ অন্তর্ভুক্ত করতে <colgroup> ট্যাগটি ব্যবহার করুন। HTML <colgroup> ট্যাগটি একটি টেবিলের ভিতরে কলামের একটি গ্রুপের জন্য প্রোপার্টি নির্দিষ্ট করতে ব্যবহৃত হয়। যদি আপনি একটি colgroup-এর ভিতরে কলামের জন্য ভিন্ন প্রোপার্টি প্রয়োগ করতে চান, তবে <col> ট্যাগটি colgroup ট্যাগের ভিতরে ব্যবহার করতে পারেন।

নিচে অ্যাট্রিবিউটগুলো দেওয়া হলো:

অ্যাট্রিবিউট মান বিবরণ
Align right, left, center, justify, char হরিজন্ট্যাল অ্যালাইনমেন্ট নির্ধারণ করে, HTML5-এ সাপোর্টেড নয়।
Char character টেক্সট অ্যালাইন করার জন্য একটি ক্যারেক্টার নির্ধারণ করে (align="char" এর সাথে ব্যবহার), HTML5-এ সাপোর্টেড নয়।
Charoff pixel <col> কতগুলো কলাম স্প্যান করবে তা নির্ধারণ করে, HTML5-এ সাপোর্টেড নয়।
Span number <col> কতগুলো কলাম স্প্যান করবে তা নির্ধারণ করে, HTML5-এ সাপোর্টেড নয়।
Valign bottom, middle, top, baseline ভার্টিক্যাল অ্যালাইনমেন্ট নির্ধারণ করে, HTML5-এ সাপোর্টেড নয়।
Width pixels or % প্রতিটি কলামের ডিফল্ট প্রস্থ নির্দিষ্ট করে, HTML5-এ সাপোর্টেড নয়।

উদাহরণ

নিচের কোডটি চালিয়ে HTML-এ <colgroup> ট্যাগের ব্যবহার দেখুন:

<!DOCTYPE html> <html>    <head>       <title>HTML col Tag</title>    </head>    <body>       <p>This example shows a colgroup that has three columns of different widths:</p>       <table border = "1">          <colgroup span = "4">             <col width = "40"></col>             <col width = "70"></col>             <col width = "100"></col>             <col width = "130"></col>             <col width = "160"></col>             </colgroup>          <tr>             <td>One</td>             <td>Two</td>             <td>Three</td>             <td>Four</td>             <td>Five</td>          </tr>       </table>    </body> </html>
  1. HTML টেবিলের ভিতরে HTML ট্যাগ ব্যবহার করা

  2. HTML-এ কোলাপসড (Collapsed) বর্ডার তৈরি করা

  3. HTML-এ টেবিল বর্ডার তৈরি করা

  4. HTML-এ টেবিল কলাম মার্জ (Merge) করা