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

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


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