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

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


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



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




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

<caption> ট্যাগের মাধ্যমে টেবিলের ক্যাপশন লিখা হয়।

টেবিলের ক্যাপশন লিখার জন্য <caption> ট্যাগটি অবশ্যই <table> ট্যাগের পরপরই যুক্ত করতে হবে।

এবং প্রতিটি টেবিলের জন্য শুধুমাত্র একটি ক্যাপশন যুক্ত করা যায়।

ডিফল্টভাবে, ক্যাপশনটি টেবিলের উপর সেন্টারে অবস্থান করবে। যাইহোক আপনি চাইলে সিএসএস এর text-align এবং caption-side প্রোপার্টি ব্যবহার করে ক্যাপশনের অবস্থান পরিবর্তন করতে পারবেন।



<caption> ট্যাগ ব্যবহার করে কিভাবে টেবিলের ক্যাপশন তৈরি করা যায়, তা নিচের উদাহরণে দেখানো হলোঃ

উদাহরণ

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

  <table>
    <caption>মাসিক সঞ্চয়</caption>
    <tr>
      <th>মাস</th>
      <th>সঞ্চয়</th>
    </tr>
    <tr>
      <td>জানুয়ারি</td>
      <td>১০০০/=</td>
    </tr>
    <tr>
      <td>ফেব্রুয়ারি </td>
      <td>৫০০/=</td>
    </tr>
  </table>

</body>
</html>

ফলাফল





এট্রিবিউট

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

এট্রিবিউট ভ্যালু বর্ণনা
align left
right
top
bottom
এইচটিএমএল(৫)-এ সাপোর্ট করে না।
টেবিলের ক্যাপশনের এলাইনমেন্ট নির্দিষ্ট করার জন্য ব্যবহার করা হয়।


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

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


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

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

table,th,td {
    border:1px solid black;
  }

caption {
    display: table-caption;
    text-align: center;
  }


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