HTML Tables (টেবিল)

লেসন ১২ / ৪৪

HTML টেবিলের মৌলিক কাঠামো

<table>
    <thead>
        <tr>
            <th>নাম</th>
            <th>বয়স</th>
            <th>শহর</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>করিম</td>
            <td>২৫</td>
            <td>ঢাকা</td>
        </tr>
        <tr>
            <td>রহিম</td>
            <td>৩০</td>
            <td>চট্টগ্রাম</td>
        </tr>
    </tbody>
    <tfoot>
        <tr><td colspan="3">মোট: ২ জন</td></tr>
    </tfoot>
</table>

প্রতিটি tag এর অর্থ

  • <table> — পুরো টেবিল
  • <thead>, <tbody>, <tfoot> — header, body, footer বিভাগ
  • <tr> — Table Row (সারি)
  • <th> — Table Header cell (মোটা, কেন্দ্রে)
  • <td> — Table Data cell (সাধারণ cell)

rowspan ও colspan (cell মার্জ)

<table border="1">
    <tr>
        <th colspan="2">পরিচয়</th>
        <th>স্কোর</th>
    </tr>
    <tr>
        <td rowspan="2">করিম</td>
        <td>গণিত</td>
        <td>৯০</td>
    </tr>
    <tr>
        <td>ইংরেজি</td>
        <td>৮৫</td>
    </tr>
</table>
⚠️ Layout-এর জন্য কখনো table ব্যবহার করবেন না! শুধু ট্যাবুলার ডেটা (স্প্রেডশিটের মতো) দেখাতে ব্যবহার করুন।