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

HTML-এ টেবিল বডি (tbody) তৈরি করা

HTML-এ টেবিলের বডি অংশ প্রদর্শন করতে <tbody> ট্যাগ ব্যবহার করা হয়। এই ট্যাগটি টেবিলের মূল তথ্য ধারণ করে। <thead> (হেডার) এবং <tfoot> (ফুটার) ট্যাগের সাথে মিলিতভাবে <tbody> ট্যাগটি টেবিলের সম্পূর্ণ কাঠামো নির্ধারণ করে।

<tbody> ট্যাগের প্রধান অ্যাট্রিবিউটগুলো নিচে দেওয়া হলো (এই সকলই বর্তমানে অবচয়প্রাপ্ত):

অ্যাট্রিবিউট মান বিবরণ
align right, left, center, justify, char অবচয়প্রাপ্ত — দৃশ্যমান সাজানোর নিয়ম।
char Character অবচয়প্রাপ্ত — কোন অক্ষর দিয়ে সাজানো হবে তা নির্দেশ করে (align="char" হলে ব্যবহার করা হয়)।
charoff pixels বা % অবচয়প্রাপ্ত — প্রথম অক্ষর থেকে সাজানোর অফসেট (পিক্সেল বা শতাংশে)।
valign top, middle, bottom, baseline অবচয়প্রাপ্ত — উল্লম্ব সাজানোর নিয়ম।

উদাহরণ

HTML-এ টেবিল বডি তৈরি করার উদাহরণ:

<!DOCTYPE html> <html>    <head>       <title>HTML tbody Tag</title>    </head>    <body>       <table style = "width:100%" border = "1">          <thead>             <tr>                <td colspan = "4">This is the head of the table</td>             </tr>          </thead>          <tfoot>             <tr>                <td colspan = "4">This is the foot of the table</td>             </tr>          </tfoot>          <tbody>             <tr>                <td>Cell 1</td>                <td>Cell 2</td>                <td>Cell 3</td>                <td>Cell 4</td>             </tr>             <tr>                ...more rows here containing four cells...             </tr>          </tbody>          <tbody>             <tr>                <td>Cell 1</td>                <td>Cell 2</td>                <td>Cell 3</td>                <td>Cell 4</td>             </tr>             <tr>                ...more rows here containing four cells...             </tr>          </tbody>       </table>    </body> </html>

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

  2. HTML-এ টেবিলের rowspan এবং colspan কী?

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

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