একটি ওয়েব পেজের ভেতরে আরেকটি ওয়েব পেজ প্রদর্শন করতে iframe ব্যবহার করা হয়।
একটি HTML iframe <iframe> ট্যাগ দিয়ে নির্ধারণ করা হয়:
<iframe src="URL"></iframe>src অ্যাট্রিবিউট ইনলাইন ফ্রেম পেজের URL (ওয়েব ঠিকানা) নির্ধারণ করে।
iframe-এর আকার নির্ধারণ করতে height এবং width অ্যাট্রিবিউট ব্যবহার করুন।
height এবং width ডিফল্টভাবে পিক্সেলে উল্লেখ করা হয়:
<iframe src="demo_iframe.htm" height="200" width="300"></iframe>height এবং width শতাংশেও উল্লেখ করা যায়:
<iframe src="demo_iframe.htm" height="100%" width="100%"></iframe>অথবা আপনি iframe-এর height এবং width সেট করতে CSS ব্যবহার করতে পারেন:
<iframe src="demo_iframe.htm" style="height:200px;width:300px;"></iframe>ডিফল্টভাবে, একটি iframe-এর চারপাশে একটি বর্ডার থাকে।
বর্ডার সরাতে, style অ্যাট্রিবিউট যোগ করুন এবং CSS-এর border প্রপার্টি ব্যবহার করুন:
<iframe src="demo_iframe.htm" style="border:none;"></iframe>CSS দিয়ে, আপনি iframe-এর বর্ডারের আকার, স্টাইল এবং রঙও পরিবর্তন করতে পারেন:
<iframe src="demo_iframe.htm" style="border:2px solid red;"></iframe>একটি লিঙ্কের টার্গেট ফ্রেম হিসেবে একটি iframe ব্যবহার করা যায়।
লিঙ্কের target অ্যাট্রিবিউটকে অবশ্যই iframe-এর name অ্যাট্রিবিউট নির্দেশ করতে হবে:
<iframe src="demo.html" name="iframe_a"></iframe>
<p><a href="https://www.learncomputer.in" target="iframe_a">Learncomputer.in</a></p>