একটি ডকুমেন্টে ছবি মার্কআপ করতে <figure> এলিমেন্ট ব্যবহার করুন।
<figure>
<img src="pic_trulli.jpg" alt="Trulli" style="width:100%">
</figure><figure> ট্যাগ স্বয়ংসম্পূর্ণ কনটেন্ট নির্ধারণ করে, যেমন ইলাস্ট্রেশন, ডায়াগ্রাম, ছবি, কোড লিস্টিং ইত্যাদি।
<figure> এলিমেন্টের কনটেন্ট মূল প্রবাহের সাথে সম্পর্কিত হলেও, এর অবস্থান মূল প্রবাহ থেকে স্বতন্ত্র, এবং একে সরিয়ে ফেললেও ডকুমেন্টের প্রবাহে কোনো প্রভাব পড়া উচিত নয়।
<figure> ট্যাগটি HTML5-এ নতুন।
টিপস: <figure> এলিমেন্টের জন্য একটি ক্যাপশন যোগ করতে <figcaption> এলিমেন্ট ব্যবহার করা হয়।
<figure> ট্যাগও HTML-এর গ্লোবাল অ্যাট্রিবিউট সমর্থন করে।
<figure> ট্যাগও HTML-এর ইভেন্ট অ্যাট্রিবিউট সমর্থন করে।
বেশিরভাগ ব্রাউজার <aside> এলিমেন্টকে নিচের ডিফল্ট মান দিয়ে প্রদর্শন করবে:
figure {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
}