how to use HTML Frame এইচটিএমএল ফ্রেম কিভাবে ব্যবহার করবেন
HTML ফ্রেম
HTML এর মাধ্যমে কোন ওয়েব পেজকে একাধিক ভাগে বিভক্ত করার জন্য আগের দিনে ফ্রেম ব্যবহার করা হত। দিনে দিনে ফ্রেমের ব্যবহার কমে এসেছে। বর্তমান সময়ে ফ্রেমের ব্যবহার নেই বললেই চলে, কারণ ফ্রেম ব্যবহার করে তৈরিকৃত সম্পূর্ণ পেজ একসাথে প্রিন্ট করা বেশ কষ্টকর। এছাড়া এটা অনেকের কাছেই অপছন্দের। এর পরিবর্তে কোন পেজকে একাধিক অংশে বিভক্ত করতে এখন CSS ব্যবহার করা হয়। তবে html সম্পর্কে জ্ঞান ভান্ডার সমৃদ্ধ করার জন্য ফ্রেম সম্পর্কেও কিছুটা ধারণা থাকা দরকার।
উদাহরণ প্রোগ্রাম
<html>
<head>
<title> www.tutohost.com</title>
</head>
<body bgcolor=" #000">
<frameset rows="12%,88%">
<frame src="style.html" scrolling="no">
<frameset cols="27%,74%">
<frame src="link.html">
<frame src="textfor.html" >
</frameset>
</frameset>
</body>
</html>
<head>
<title> www.tutohost.com</title>
</head>
<body bgcolor=" #000">
<frameset rows="12%,88%">
<frame src="style.html" scrolling="no">
<frameset cols="27%,74%">
<frame src="link.html">
<frame src="textfor.html" >
</frameset>
</frameset>
</body>
</html>
যে কোন নামে একটা ফোল্ডার তৈরি করে তার মথ্যে style.html, link.html এবং textfor.html তিনটি html ফাইল রাখতে হবে এরপর একটা নোটপ্যাড open করে উপরের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।
প্রোগ্রাম আলোচনা
<frameset rows="12%,88%"> এর মাধ্যমে প্রথমে সম্পূর্ণ পেজটারে সারি বরাবর দুটি অংশে বিভক্ত করা হয়েছে।
<frameset cols="27%,74%"> এর মাধ্যমে নিচের সারিকে কলাম বরাবর দুটি অংশে বিভক্ত করা হয়েছে।
<frame src="style.html" scrolling="no"> এর মাধ্যমে প্রথম ফ্রেমের মধ্যে style.html পেজটিকে প্রদর্শনের ব্যবস্থা করা হয়েছে।
<frame src="link.html"> এবং <frame src="textfor.html" > এর মাধ্যমে যথাক্রমে ২য় সারির ১ম ও ২য় ফ্রেমের মধ্যে link.html এবং textfor.html পেজ দুটিকে প্রদর্শনের ব্যবস্থা করা হয়েছে।
<frameset cols="27%,74%"> এর মাধ্যমে নিচের সারিকে কলাম বরাবর দুটি অংশে বিভক্ত করা হয়েছে।
<frame src="style.html" scrolling="no"> এর মাধ্যমে প্রথম ফ্রেমের মধ্যে style.html পেজটিকে প্রদর্শনের ব্যবস্থা করা হয়েছে।
<frame src="link.html"> এবং <frame src="textfor.html" > এর মাধ্যমে যথাক্রমে ২য় সারির ১ম ও ২য় ফ্রেমের মধ্যে link.html এবং textfor.html পেজ দুটিকে প্রদর্শনের ব্যবস্থা করা হয়েছে।
আই ফ্রেম
একটা ওয়েব পেজের মধ্যেই অপর এক বা একাধিক ওয়েব পেজ প্রদর্শন করার অন্যতম উপায় হচ্ছে আই ফ্রেম। কোন বিষয় বিস্তারিতভাবে উপস্থাপনার ক্ষেত্রে প্রাসঙ্গিক বিষয়ের উপর বিভিন্ন ওয়েব পেজের লিংক প্রকাশ করা গুরুত্বপূর্ণ, পাশাপাশি উক্ত পেজটিকে সংক্ষিপ্ত স্থানের মধ্যে স্ক্রলিং করে প্রদর্শন করতে পারলে মন্দ হয় না।
উদাহরণ প্রোগ্রাম
<html>
<head>
<title> www.tutohost.com</title>
</head>
<body bgcolor=" #f00">
<center>
<h2 style="color:#f00">This is an example of iframe.</h2><br />
<iframe src="http://www.tutohost.com/bangla/html/" width="350" height="170">
<p>This rowser does not support iframes.</p>
</iframe>
</center>
</body>
</html>
<head>
<title> www.tutohost.com</title>
</head>
<body bgcolor=" #f00">
<center>
<h2 style="color:#f00">This is an example of iframe.</h2><br />
<iframe src="http://www.tutohost.com/bangla/html/" width="350" height="170">
<p>This rowser does not support iframes.</p>
</iframe>
</center>
</body>
</html>
একটা নোটপ্যাড open করে উপরের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।
প্রোগ্রাম আলোচনা
আই ফ্রেম তৈরির জন্য <iframe></iframe> ট্যাগ ব্যবহার করা হয়।
width="350" height="170" এই দুটি এট্রিবিউটের মাধ্যমে আই ফ্রেম এর আকৃতি কেমন হবে তার নির্দেশ প্রদান করা হয়।
যদি কোন ব্রাউজার আই ফ্রেম সাপোর্ট না করে তাহলে <p>This rowser does not support iframes.</p> এর জন্য This rowser does not support iframes. লেখাটি প্রদর্শিত হবে।m
width="350" height="170" এই দুটি এট্রিবিউটের মাধ্যমে আই ফ্রেম এর আকৃতি কেমন হবে তার নির্দেশ প্রদান করা হয়।
যদি কোন ব্রাউজার আই ফ্রেম সাপোর্ট না করে তাহলে <p>This rowser does not support iframes.</p> এর জন্য This rowser does not support iframes. লেখাটি প্রদর্শিত হবে।m
Comments
Post a Comment
Thanks