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