টেবিল ট্যাগ

table ট্যাগ একটি টেবিল তৈরি করে। এটি tr, td, th ট্যাগগুলির সাথে একত্রে ব্যবহার করা হয়।

tr ট্যাগ টেবিলের একটি সারি তৈরি করে, এবং td এবং th ট্যাগগুলি এই টেবিলের কোষ তৈরি করে। td এবং th এর মধ্যে পার্থক্য: প্রথমটি হল একটি সাধারণ কোষ, এবং দ্বিতীয়টি হল একটি শিরোনাম কোষ।

অ্যাট্রিবিউট

অ্যাট্রিবিউট বর্ণনা
cellspacing কোষগুলির মধ্যে দূরত্ব নির্দিষ্ট করে।
অপ্রচলিত, এর পরিবর্তে CSS বৈশিষ্ট্য border-spacing ব্যবহার করা উচিত।
cellpadding টেক্সট এবং কোষের সীমানার মধ্যে দূরত্ব নির্দিষ্ট করে।
অপ্রচলিত, এর পরিবর্তে CSS বৈশিষ্ট্য padding ব্যবহার করা উচিত।
border কোষ এবং টেবিলের সীমানা নির্দিষ্ট করে।
অপ্রচলিত, এর পরিবর্তে CSS বৈশিষ্ট্য border ব্যবহার করা উচিত।

উদাহরণ

আসুন th এবং td কোষ সহ একটি টেবিল তৈরি করি:

html<table>
  <tr>
    <th>Name</th>
    <th>Surn</th>
    <th>Salary</th>
  </tr>
  <tr>
    <td>name1</td>
    <td>surn1</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>name2</td>
    <td>surn2</td>
    <td>1000$</td>
  </tr>
</table>
csstable, td, th {
  border: 1px solid black;
}

Результат:

আরও দেখুন

  • thead, tbody এবং tfoot ট্যাগগুলি,
    যা টেবিলের সারিগুলিকে গোষ্ঠীবদ্ধ করে
  • caption ট্যাগ,
    যা সম্পূর্ণ টেবিলের জন্য একটি শিরোনাম নির্দিষ্ট করে
  • vertical-align বৈশিষ্ট্য,
    যা উল্লম্বভাবে টেক্সট সারিবদ্ধ করে
  • rowspan এবং colspan অ্যাট্রিবিউটগুলি,
    যা টেবিলের সারি এবং কলামগুলিকে একত্রিত করে