Uddeshyo | Student Super App

11. HTML Iframes

📘 কনসেপ্ট (থিওরি)

</code> (ইনলাইন ফ্রেম) বর্তমান পেজের মধ্যে আরেকটি HTML পেজ এম্বেড করে। ভিডিও, ম্যাপ এবং অন্যান্য এক্সটার্নাল কন্টেন্ট এম্বেড করতে এটি ব্যবহৃত হয়।

<div style="background: #1e1e1e; padding: 1rem; border-radius: 8px; margin: 1rem 0; font-family: monospace; color: #e2e8f0; overflow-x: auto; border: 1px solid #333;"><iframe src="url" width="600" height="400" title="description">
**সাধারণ ব্যবহার:**
- YouTube ভিডিও এম্বেড
- Google Maps এম্বেড
- অন্য ওয়েবপেজ দেখানো
- PDF ডকুমেন্ট দেখানো

**গুরুত্বপূর্ণ অ্যাট্রিবিউট:**
- src — এম্বেড করার পেজের URL
- width / height — মাত্রা
- title — অ্যাক্সেসিবিলিটির জন্য
- frameborder — বর্ডার (CSS border ব্যবহার করুন)
- allowfullscreen — ফুলস্ক্রিন মোড অনুমোদন

`💡 উদাহরণ`

YouTube ভিডিও এম্বেড:

এই ভিডিওটি দেখুন

`🎯 আপনার কাজ (প্র্যাকটিস)`

width 400 এবং height 225 দিয়ে একটি iframe এ YouTube ভিডিও এম্বেড করুন। title অ্যাট্রিবিউট যোগ করুন।

main.html

Loading...

OUTPUT