এইচটিএমএল আইফ্রেম - 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">webschool.com</a></p>




আইফ্রেম ট্যাগ

ট্যাগ বর্ণনা
<iframe> একটি আইফ্রেম বা ifrem প্রদর্শন করে।







এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Copyright 2016-2018 by websschool.com, All Rights Reserved.