এইচটিএমএল <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;
}