একটি ওয়েব পেজের মধ্যে অন্য একটি ওয়েব পেজ প্রদর্শন করতে আইফ্রেম ব্যবহার করা হয়।
একটি আইফ্রেমের নমুনা দেখুন -
ওয়েব পেজে <iframe>...</iframe> ট্যাগ ব্যবহার করে আইফ্রেম তৈরি করা হয়। <iframe> ট্যাগের সাথে যে সকল এট্রিবিউট ব্যবহার করা যায় সেগুলো হল height, width, frameborder.
একটি আইফ্রেমের দৈর্ঘ্য এবং প্রস্থ নির্দিষ্ট করে দেয়ার জন্য Height এবং Width এট্রিবিউট ব্যবহার করা হয়। এট্রিবিউটের মান বা value ডিফল্ট
ভাবে পিক্সেলে নির্ধারিত হলেও আপনি এটি শতকরাতেও নির্ধারণ করতে পারেন যেমন 70%,80% ইত্যাদি।
নিচে একটি উদাহরন দেখুন -
<iframe src="demo-iframe.htm" width="200" height="200"></iframe>
অথবা সিএসএস ব্যবহার করে আইফ্রেমের width এবং height নির্ধারণ করা যায়। নিছে একটি উদাহরন দেখুন।
<iframe src="demo_iframe.htm" style="height:200px; width:300px;"></iframe>
আইফ্রেমে স্বয়ংক্রিয় ভাবেই বর্ডার যুক্ত থাকে। আইফ্রেমে বর্ডার সরিয়ে দিতে style এট্রিবিউটের এবং border প্রপার্টি ব্যবহার করুন। এর জন্য বর্ডার প্রপার্টির মান ০ নির্ধারণ করতে হবে। নিচে একটি উদাহরন দেখুন -
<iframe src="demo_iframe.htm" style="border:none;"></iframe>
অথবা সিএসএস ব্যবহার করেও আইফ্রেমের আইফ্রেমে বর্ডার সরিয়ে দেয়া যায় বা মুছে দেয়া যায়। নিচে একটি উদাহরন দেখুন।
<iframe src="demo_iframe.htm" style="border:2px solid red;"></iframe>
কোন লিংকের টার্গেট হিসেবেও আইফ্রেম ব্যবহার হতে পারে। একটি লিংকের টার্গেট এট্রিবিউট অবশ্যই সমর্থন বা refer করবে আইফ্রেমের name এট্রিবিউটকে।
<iframe src="demo-iframe.htm" name="iframe-a">
</iframe> <p><a href="http://www.webschool.com" target="iframe-a">websschool.com</a>s<s/p>
ট্যাগ | বর্ণনা |
---|---|
<iframe> | একটি আইফ্রেম বা ifrem প্রদর্শন করে। |