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

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

HTML <table> ট্যাগটি একটি টেবিল ডিফাইন করতে ব্যবহৃত হয়। টেবিল ট্যাগে অন্যান্য ট্যাগ থাকে যা টেবিলের স্ট্রাকচার ডিফাইন করে।

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

অ্যাট্রিবিউটমানবর্ণনা
abbrabbreviated_textDeprecated — সেলের কন্টেন্টের সংক্ষিপ্ত সংস্করণ নির্দিষ্ট করে
alignright, left, center, justify, charDeprecated — ভিজ্যুয়াল এলাইনমেন্ট
bgcolorrgb(x,x,x), #hexcode, colornameDeprecated — টেবিলের ব্যাকগ্রাউন্ড রঙ নির্দিষ্ট করে
borderPixelsDeprecated — বর্ডার প্রস্থ নির্দিষ্ট করে। "০" মানে নো বর্ডার।
cellpaddingpixels or %Deprecated — সেল বর্ডার এবং কন্টেন্টের মধ্যে স্পেস নির্দিষ্ট করে
cellspacingpixels or %Deprecated — সেলগুলোর মধ্যে স্পেস নির্দিষ্ট করে
framevoid, above, below, hsides, lhs, rhs, vsides, box, borderDeprecated — বর্ডার অ্যাট্রিবিউটের সাথে मिलে ফ্রেমের কোন সাইড দেখাবে তা নির্দিষ্ট করে
rulesnone, groups, rows, cols, allDeprecated — বর্ডার অ্যাট্রিবিউটের সাথে মিলে সেলগুলোর মধ্যে কোন রুলস দেখাবে তা নির্দিষ্ট করে
summaryTextDeprecated — কন্টেন্টের সারাংশ নির্দিষ্ট করে
widthpixels or %Deprecated — টেবিলের প্রস্থ নির্দিষ্ট করে

উদাহরণ

নিচের কোডটি চালিয়ে HTML-এ টেবিল তৈরি করা যাবে:

<!DOCTYPE html>
<html>
  <head>
    <style>
      table, th, td {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <h3>Ranking</h3>
    <table>
      <th>Rank</th>
      <tr>
        <td>One</td>
      </tr>
      <tr>
        <td>Two</td>
      </tr>
    </table>
  </body>
</html>

দ্রষ্টব্য: আধুনিক HTML-এ টেবিল স্টাইলিংয়ের জন্য CSS ব্যবহার করা উচিত, HTML অ্যাট্রিবিউট ব্যবহার না করে।

  1. HTML-এ কোলাপসড (Collapsed) বর্ডার তৈরি করা

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

  3. HTML <body> ট্যাগ

  4. HTML Tables