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

  • পূর্ববর্তী পৃষ্ঠা <fieldset>
  • পরবর্তী পৃষ্ঠা <figure>

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

<figcaption> ট্যাগ হল <figure> শিরোনাম নির্ধারণ করে

<figcaption> ইলেকট্রনিক প্রদান করা যেতে পারে <figure> ইলেকট্রনিকের প্রথম বা শেষতম সন্তানের অবস্থান

অন্যান্য দেখুন:

HTML DOM রেফারেন্স ম্যানুয়াল:Figcaption অবজেক্ট

ইনস্ট্যান্স

উদাহরণ 1

ডকুমেন্টের ছবি মার্ক করতে <figure> ইলেকট্রনিক ব্যবহার করুন, ছবির শিরোনাম নির্ধারণ করতে <figcaption> ইলেকট্রনিক ব্যবহার করুন:

<figure>
  <img src="tulip.jpg" alt="তুলসী" style="width:300px">
  <figcaption>চিত্র 1 - তুলসী, লিলিয়াসিয়া, বহুবর্ষীয় ভেষজপত্র。</figcaption>
</figure>

স্বয়ং প্রয়াস করুন

উদাহরণ 2

সিএসএস দ্বারা <figure> এবং <figcaption> এর শৈলী সংজ্ঞায়িত করুন:

<html>
<head>
<style>
figure {
  border: 1px #cccccc solid;
  padding: 4px;
  margin: auto;
}
figcaption {
  background-color: black;
  color: white;
  font-style: italic;
  padding: 2px;
  text-align: center;
}
</style>
</head>
<body>
<figure>
  <img src="tulip.jpg" alt="তুলসী" style="width:300px">
  <figcaption>চিত্র 1 - তুলসী, লিলিয়াসিয়া, বহুবর্ষীয় ভেষজপত্র。</figcaption>
</figure>
</body>
</html>

স্বয়ং প্রয়াস করুন

গ্লোবাল এট্রিবিউট

<figcaption> ট্যাগটি ইভেন্ট এট্রিবিউটও সমর্থন করে HTML-এর গ্লোবাল এট্রিবিউট。

ইভেন্ট এট্রিবিউট

<figcaption> ট্যাগটি ইভেন্ট এট্রিবিউটও সমর্থন করে HTML-এর ইভেন্ট এট্রিবিউট。

ডিফল্ট সিএসএস সেটিং

অধিকাংশ ব্রাউজারগুলি নিম্নলিখিত ডিফল্ট মান ব্যবহার করবে <figcaption> এলিমেন্ট:

figcaption {
  display: block;
}

ব্রাউজার সমর্থন

টেবিলের সংখ্যা প্রথম উপযোগী ব্রাউজার সংস্করণকে নির্দেশ করে

চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
8.0 9.0 4.0 5.1 11.0
  • পূর্ববর্তী পৃষ্ঠা <fieldset>
  • পরবর্তী পৃষ্ঠা <figure>