Share
Facebook
Twitter
LinkedIn
Whatsapp
Instagram
Messenger

এইচটিএমএল আইফ্রেম - HTML Iframe


একটি ওয়েব পেজের মধ্যে অন্য একটি ওয়েব পেজ প্রদর্শন করতে আইফ্রেম ব্যবহার করা হয়।
একটি আইফ্রেমের নমুনা দেখুন -



ওয়েব পেজে <iframe>...</iframe> ট্যাগ ব্যবহার করে আইফ্রেম তৈরি করা হয়। <iframe> ট্যাগের সাথে যে সকল এট্রিবিউট ব্যবহার করা যায় সেগুলো হল height, width, frameborder.


Height এবং Width এট্রিবিউট

একটি আইফ্রেমের দৈর্ঘ্য এবং প্রস্থ নির্দিষ্ট করে দেয়ার জন্য 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 প্রদর্শন করে।