টেবিল সেল প্রদর্শন করতে <td> ট্যাগ ব্যবহার করুন। HTML <td> ট্যাগ একটি টেবিলের ভিতরে সেল বা টেবিল ডেটা নির্দিষ্ট করতে ব্যবহৃত হয়।
এটি নিচের অ্যাট্রিবিউটগুলো সাপোর্ট করে (প্রায় সকলই অবচিত):
| অ্যাট্রিবিউট | মান | বর্ণনা |
|---|---|---|
| abbr | abbreviated_text | Deprecated — সেলের কন্টেন্টের সংক্ষিপ্ত সংস্করণ নির্দিষ্ট করে |
| align | right, left, center, justify, char | Deprecated — ভিজ্যুয়াল এলাইনমেন্ট |
| axis | name | Deprecated — এই td-র জন্য একটি ক্যাটাগরি নির্দিষ্ট করে। টেবিল ডেটার বিরুদ্ধে কোয়েরি করার জন্য ব্যবহার করা যেতে পারে |
| bgcolor | rgb(x,x,x), #hexcode, colorname | Deprecated — টেবিল সেলের ব্যাকগ্রাউন্ড রঙ নির্দিষ্ট করে |
| char | character | Deprecated — কোন ক্যারেক্টারের ওপর টেক্সট এলাইন করবে তা নির্দিষ্ট করে। align="char" হলে ব্যবহার করুন |
| charoff | pixels or % | Deprecated — char অ্যাট্রিবিউটে নির্দিষ্ট প্রথম ক্যারেক্টারের সাপেক্ষে এলাইনমেন্ট অফসেট নির্দিষ্ট করে |
| colspan | number | কারেন্ট সেল কতটি কলাম ছাড়িয়ে যাবে তা নির্দিষ্ট করে |
| headers | id | হেডার সেলের ID-এর স্পেস-সেপারেটেড লিস্ট যেগুলো এই সেল সম্পর্কে ইনফরমেশন ধারণ করে। নন-ভিজ্যুয়াল ব্রাউজার için উপকারী। |
| height | pixels | Deprecated — টেবিল সেলের উচ্চতা নির্দিষ্ট করে |
| nowrap | nowrap | Deprecated — টেক্সট অটোমেটিক্যালি র্যাপ হতে বাধা দেয় |
| rowspan | numbers | কারেন্ট সেল কতটি রো ছাড়িয়ে যাবে তা নির্দিষ্ট করে |
| scope | col, colgroup, row, rowgroup | Deprecated — হেডার সেলে ব্যবহার হয়, কোন সেলগুলো এই হেডারের ইনফরমেশন ব্যবহার করবে তা নির্দিষ্ট করে |
| valign | top, middle, bottom, baseline | Deprecated — ভার্টিক্যাল এলাইনমেন্ট |
| width | pixels or % | Deprecated — টেবিল সেলের প্রস্থ নির্দিষ্ট করে |
উদাহরণ
নিচের কোডটি চালিয়ে HTML-এ টেবিল সেল প্রদর্শন করা যাবে:
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h3>Result</h3>
<table>
<th>Marks</th>
<th>Student</th>
<tr>
<td>600</td>
<td>Amit</td>
</tr>
<tr>
<td>400</td>
<td>Anil</td>
</tr>
</table>
</body>
</html>
