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

HTML-এ টেবিল হেডার (thead ট্যাগ) তৈরি করা

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

<thead> ট্যাগের অ্যাট্রিবিউটগুলো (প্রায় সকলই অবচয়প্রাপ্ত):

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

উদাহরণ

HTML-এ thead ট্যাগ বাস্তবায়নের উদাহরণ:

<!DOCTYPE html> <html>    <head>       <title>HTML thead 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-এ টেবিলের হরিজেন্টাল হেডার (Horizontal Header) সেট করা

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

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