এইচটিএমএল সিএসএস জাভাস্ক্রিপ্ট পিএইচপি এসকিউএল জেকুয়েরি বুটস্ট্রাপ সি প্রোগ্রামিং
ফোরাম
 

এইচটিএমএল <td> ট্যাগ


<td> ট্যাগের ব্রাউজার সাপোর্ট



এলিমেন্ট Google Chrome Edge/IE Mozila Firefox Safari Opera
<td> সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন




সংজ্ঞা ও ব্যবহার

<td> ট্যাগ দ্বারা একটি এইচটিএমএল টেবিলের স্ট্যান্ডার্ড সেলকে বুঝায়।

একটি এইচটিএমএল টেবিলে দু'ধরনের সেল থাকেঃ

  • হেডার সেল - হেডার সংক্রান্ত তথ্য ধারণ করে(<th> এলিমেন্টের মাধ্যমে তৈরি করা হয়)।
  • স্ট্যান্ডার্ড সেল - ডাটা(data) ধারণ করে(<td> এলিমেন্টের মাধ্যমে তৈরি করা হয়)।

<th> এলিমেন্টের টেক্সট সাধারণত বোল্ড এবং মাঝে align করা থাকে।

<td> এলিমেন্টের টেক্সট সাধারণত নরমাল এবং বামে align করা থাকে।



নিচের উদাহরণে কয়েকটি টেবিল সেলসহ একটি সাধারণ এইচটিএমএল টেবিল দেখানো হলোঃ

উদাহরণ

<!DOCTYPE html>
<html>
<head>
  <style>
    table, th, td {
      border: 1px solid black;
    }
  </style>
</head>
<body>

  <table>
    <tr>
      <th>Subject</th>
      <th>Topic</th>
    </tr>
    <tr>
      <td>Java</td>
      <td>Threading</td>
    </tr>
    <tr>
      <td>Linux</td>
      <td>File System</td>
    </tr>
  </table>

</body>
</html>

ফলাফল





টীকা ও মন্তব্যঃ

  • কন্টেন্টকে একের অধিক কলাম এবং সারি যুক্ত সেলে রাখার জন্য colspan এবং rowspan এট্রিবিউট ব্যবহার করুন।


এট্রিবিউট

নিচের টেবিলে <td> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ

এট্রিবিউট ভ্যালু বিবরণ
abbr text এইচটিএমএল(৫) এ সাপোর্ট করে না।
সেলের কন্টেন্টের সংক্ষিপ্ত ভার্সন নির্ধারণ করে।
align left
right
center
justify
char
এইচটিএমএল(৫) এ সাপোর্ট করে না।
সেলের কন্টেন্টকে align করে।
axis category_name এইচটিএমএল(৫) এ সাপোর্ট করে না।
সেলগুলোকে শ্রেণী-বিভাগ করে।
bgcolor rgb(x,x,x)
#xxxxxx
colorname
এইচটিএমএল(৫) এ সাপোর্ট করে না।
সেলের ব্যাকগ্রাউন্ড কালার নির্ধারণ করে।
char character এইচটিএমএল(৫) এ সাপোর্ট করে না।
সেলের কন্টেন্টকে ক্যারেক্টারে align করে।
charoff number এইচটিএমএল(৫) এ সাপোর্ট করে না।
char এট্রিবিউটের মাধ্যমে নির্দিষ্ট করা সেলের কন্টেন্টগুলো কয়টি ক্যারেক্টারে align এল্যাইন হবে তা নির্ধারণ করে।
colspan number একটি সেল কয়টি কলাম জায়গা নিবে সে সংখ্যা নির্ধারণ করে।
headers header_id সেল সম্পর্কিত এক বা একাধিক হেডার সেল নির্দিষ্ট করে।
height pixels
%
এইচটিএমএল(৫) এ সাপোর্ট করে না।
সেলের উচ্চতা(height) নির্ধারণ করে।
nowrap nowrap এইচটিএমএল(৫) এ সাপোর্ট করে না।
সেলের কন্টেন্টকে nowrap এ সেট করে।
rowspan number একটি সেল কয়টি সারি জায়গা নিবে সে সংখ্যা নির্ধারণ করে।
scope col
colgroup
row
rowgroup
এইচটিএমএল(৫) এ সাপোর্ট করে না।
কিভাবে হেডার সেল এবং ডেটা সেল সহযোগী ভূমিকা পালন করবে তার উপায় নির্ধারণ করে দেয়।
valign top
middle
bottom
baseline
এইচটিএমএল(৫) এ সাপোর্ট করে না।
সেলের কন্টেন্টগুলোকে উলম্ব বা খাড়াখাড়ি align করে।
width pixels
%
এইচটিএমএল(৫) এ সাপোর্ট করে না।
সেলের width(প্রস্থ) নির্ধারণ করে।


<td> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?

গ্লোবাল এট্রিবিউট ইভেন্ট এট্রিবিউট
সাপোর্ট করে সাপোর্ট করে


<td> ট্যাগের ডিফল্ট স্টাইল

অধিকাংশ ব্রাউজারেই <td> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ

td {
    display: table-cell; 
    vertical-align: inherit;
  }


সম্পর্কিত পেজ