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

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


HTML-এ টেবিল বর্ডার তৈরি করতে আগে border অ্যাট্রিবিউট ব্যবহার করা হতো। কিন্তু HTML5-এ এটি ডিপ্রিকেটেড। এখন CSS border প্রোপার্টি ব্যবহার করে টেবিল বর্ডার তৈরি করতে হয়। টেবিলের পাশাপাশি <th> এবং <td>-র বর্ডারও সেট করুন।

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

উদাহরণ

নিচের কোড চালিয়ে HTML-এ টেবিল বর্ডার তৈরি করুন। এখানে <style> ট্যাগ ব্যবহার করা হয়েছে:

<!DOCTYPE html> <html>    <head>       <style>          table, th, td {             border: 1px solid black;          }       </style>    </head>    <body>       <h1>কর্মচারীর বিবরণ</h1>       <table>          <tr>             <th>নাম</th>             <td>অমিত</td>             <td>সচিন</td>          </tr>          <tr>             <th>বয়স</th>             <td>২৭</td>             <td>৩৪</td>          </tr>       </table>    </body> </html>

আউটপুট

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


  1. HTML-এ অর্ডার্ড লিস্ট (Ordered List) তৈরি করা

  2. HTML-এ কন্ডিশনাল কমেন্ট (Conditional Comments) তৈরি করা

  3. HTML-এ হিডেন কমেন্ট (Hidden Comments) তৈরি করা

  4. HTML-এ বিব্লিওগ্রাফি (Bibliography) তৈরি করা