HTML টেবিল এ যা যা থাকে

১। ক্যাপশন Caption

২। সারি Row

৩। কলাম Column

৪। সেল Cell

৫। হেডিং Heading

টেবিল তৈরির জন্য প্রথমে <table></table> ট্যাগ দিয়ে শুরু করতে হবে।

<table>……..</table> ট্যাগের মধ্যে যে চারটি উপাদান থাকে সেগুলো হল-

  1. <caption>… </caption>
  2. <tr>…<tr> টেবিলে সারি তৈরি করার জন্য এটি ব্যবহৃত হয়।
  3. <th>…<h> সবার উপরের সারিতে মোটা অক্ষরে হেডিং দেওয়ার জন্য এটি ব্যবহৃত হয়।
  4. <td>..<td> এর ভেতর টেবিলের ডেটা থাকে

<table></table> ট্যাগ এ যেসব Attribute থাকতে পারে –

  1. border Example: <table border=”1″>
  2. cellspacing Example: <table cellspacing=”10″> , By default এর মান 2 থাকে ।
  3. cellpadding Example: <table cellpadding=”7″>
  4. width Example: <table width=”25% / 100″>
  5. height Example: <table height=”25% / 100″>

এছাড়া প্রয়োজনে style , class ইত্যাদি Attribute ও ব্যবহার করা যায়।

<tr>..<tr> ট্যাগ এ যেসব এট্রিবিউট থাকতে পারে –

  1. colspan Example: <tr colspan=”4″>
  2. rowspan Example: <tr rowspan=”5″>
  3. align Example: <tr align=”lef/right/top/bottm”>
  4. bgcolor Example: <tr bgcolor=”green”>

এছাড়া প্রয়োজনে style , class ইত্যাদি Attribute ও ব্যবহার করা যায়।

<th>..<th> ট্যাগ এ যেসব এট্রিবিউট থাকতে পারে –

  1. colspan Example: <th colspan=”4″>
  2. rowspan Example: <th rowspan=”5″>
  3. align Example: <th align=”lef/right/top/bottm”>
  4. bgcolor Example: <th bgcolor=”green”>

এছাড়া প্রয়োজনে style , class ইত্যাদি Attribute ও ব্যবহার করা যায়।

<td>..<td> ট্যাগ এ যেসব এট্রিবিউট থাকতে পারে –

  1. align Example: <td align=”left/right”>
  2. valign Example: <td valign=”top/bottom”>
  3. bgcolor Example: <td bgcolor=”red”>

এছাড়া প্রয়োজনে style , class ইত্যাদি Attribute ও ব্যবহার করা যায়।

একটি টেবিল এর বেসিক স্ট্রাকচার নিচে দেওয়া হল –

<html>

<body>

<table border=”1″ width=250>

<caption> First Table for HSC batch 2024 </caption>

<tr>

<th>Roll</th>

<th> Name </th>

<th> Address </th>

</tr>