এইচটিএমএল <th> ট্যাগ
<th> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<th> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
<th> ট্যাগ দ্বারা একটি এইচটিএমএল টেবিলের হেডার সেলকে বুঝায়।
একটি এইচটিএমএল টেবিলে দুই ধরনের সেল থাকেঃ
- হেডার সেল - হেডারের তথ্য ধারন করে(
<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>
ফলাফল
টীকা ও মন্তব্যঃ
- কলাম ও সারিকে ভাগ করার জন্য
colospanএবংrowspanএট্রিবিউট ব্যবহার করুন।
এট্রিবিউট
নিচের টেবিলে <th> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ
| এট্রিবিউট | ভ্যালু | বর্ননা |
|---|---|---|
| abbr | text | এইচটিএমএল(৫) এ সাপোর্ট করে না। হেডার সেলের কন্টেন্টের সংক্ষিপ্ত ভার্সন নির্ধারণ করে। |
| align | left right center justify char |
এইচটিএমএল(৫) এ সাপোর্ট করে না। হেডার সেলের কন্টেন্টের alignment নির্ধারণ করে। |
| axis | category_name | এইচটিএমএল(৫) এ সাপোর্ট করে না। হেডার সেলের ক্যাটাগরি তৈরি করে। |
| bgcolor | rgb(x,x,x) #xxxxxx colorname |
এইচটিএমএল(৫) এ সাপোর্ট করে না। হেডার সেলের ব্যাকগ্রাউন্ড কালার নির্ধারণ করার জন্য ব্যবহৃত হয়। |
| char | character | এইচটিএমএল(৫) এ সাপোর্ট করে না। হেডার সেলের কন্টেন্টকে ক্যারেক্টারে align করে। |
| charoff | number | এইচটিএমএল(৫) এ সাপোর্ট করে না।char এট্রিবিউটের মাধ্যমে নির্দিষ্ট করা হেডার সেলের কন্টেন্টগুলো কয়টি ক্যারেক্টারে align এল্যাইন হবে তা নির্ধারণ করে। |
colspan | number | একটি হেডার সেল কয়টি ভাগে ভাগ হবে সেটি নির্ধারণ করে। |
| headers | header_id | সেল সম্পর্কিত এক বা একাধিক হেডার সেল নির্দিষ্ট করে। |
| height | pixels % |
এইচটিএমএল(৫) এ সাপোর্ট করে না। হেডার সেলের উচ্চতা নির্ধারণ করে। |
| nowrap | nowrap | এইচটিএমএল(৫) এ সাপোর্ট করে না। হেডার সেলের কন্টেন্টকে nowrap এ সেট করে। |
| rowspan | number | একটি হেডার সেল কতগুলো ভাগে ভাগ হবে সেটি নির্ধারণ করে। |
| scope | col colgroup row rowgroup |
এইচটিএমএল(৫) এ সাপোর্ট করে না। কিভাবে হেডার সেল এবং ডেটা সেল সহযোগী ভূমিকা পালন করবে তার উপায় নির্ধারণ করে দেয়। |
| sorted | reversed number reversed number number reversed |
একটি কলামের সাজানো নির্দেশ করে । |
| valign | top middle bottom baseline |
এইচটিএমএল(৫) এ সাপোর্ট করে না। হেডার সেলের কন্টেন্টগুলোকে উলম্ব বা খাড়াখাড়ি align করে। |
| width | pixels % |
এইচটিএমএল(৫) এ সাপোর্ট করে না। হেডার সেলের width(প্রস্থ) নির্ধারণ করে। |
<th> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |
<th> ট্যাগের ডিফল্ট স্টাইল
অধিকাংশ ব্রাউজারেই <th> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
th {
display: table-cell;
vertical-align: inherit;
font-weight: bold;
text-align: center;
}