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

HTML-এ টেবিলের হরিজেন্টাল হেডার (Horizontal Header) সেট করা


HTML টেবিলে হরিজেন্টাল (হরিজেন্টাল) এবং ভার্টিক্যাল (ভার্টিক্যাল) হেডার থাকতে পারে। হরিজেন্টাল হেডারের জন্য সব <th> একটি একক <tr> ট্যাগ (রো) এর ভিতরে রাখতে হয়, যা সবচেয়ে উপরে থাকবে।

HTML-এ টেবিলের হরিজেন্টাল হেডার (Horizontal Header) সেট করা

উদাহরণ

নিচের কোড চালিয়ে টেবিলের জন্য হরিজেন্টাল হেডার সেট করুন:

<!DOCTYPE html> <html>    <head>       <style>          table, th, td {             border: 1px solid black;             width: 100px;             height: 50px;          }       </style>    </head>    <body>       <h1>কর্মচারীর বিবরণ</h1>       <table>          <tr>             <th>নাম</th>             <th>বয়স</th>             <th>টেকনোলজি</th>          </tr>          <tr>             <td>অমিত</td>             <td>২৭</td>             <td>ডাটাবেস</td>          </tr>          <tr>             <td>সচিন</td>             <td>৩৪</td>             <td>маркеটিং</td>          </tr>       </table>    </body> </html>

আউটপুট

HTML-এ টেবিলের হরিজেন্টাল হেডার (Horizontal Header) সেট করা


  1. HTML-এ টেবিল হেডার (Table Header) তৈরি করা

  2. HTML-এ টেবিলের প্রস্থ (Width) সেট করা

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

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