এইচটিএমএল-a generic frame page:

0
30
html
html

এইচটিএমএল-a generic frame page:

ফ্রেমের বেশি ব্যবহার হল একটি ফ্রেম এ মেনু আর একটি ফ্রেম এ তার কনটেন্ট ।যখন কেউ মেনু লিংকে ক্লিক করে তখন সেই ওয়েব পেজটি কনটেন্ট পেজে খোলে।

1.<html>
2.<head>
3.</head>
4.<frameset cols="30%,*">
5.<frame src="/menu.html">
6.<frame src="/content.html">
7.</frameset>
8.</html>

প্রদর্শন:

নিজে চেষ্টা করুন।

frameset – এটা একটা parent tag যা ফ্রেম page এর characteristics নির্দেশ করে।পৃথক পৃথক ফ্রেম framesetএর মধ্যে নির্দেশিত থাকে।

frameset cols=”#%, *”– Cols(column) যা ফ্রেম এর width নির্দেশ করে। উপরের উদাহরনে আমরা মেনু (1st column) নির্বাচন করেছি যা total page এর ৩০% এবং “*”, এর অর্থ  total page এর ৭০% content(2nd column) নির্দেশিত হয়।

frame src=”/” ওয়েব পেজ এর লোকেশন ফ্রেমে লোড হয়।

ব্যনার বা টাইটেল যোগ করা:

1.<html><head></head>
2.<frameset rows="20%,*">
3.<frame src="/title.html">
4.<frameset cols="30%,*">
5.<frame src="/menu.html">
6.<frame src="/content.html">
7.</frameset>
8.</html>

frameset rows=”#%, *”-এর অর্থ frameset cols=”#%, *”– মতই।

FrameBorder and FrameSpacing:

FrameBorder এবং FrameSpacing attribute এর সাহায্যে ফ্রেম এর Spacing এবং দুটি ফ্রেমের মধ্যে ugly gray lines রিমুভ করা যায়।

1.<html><head></head>
2.<frameset border="0" frameborder="0" framespacing="0" rows="20%,*">
3.<frame src="/title.html">
4.<frameset border="0" frameborder="0" framespacing="0" cols="30%,*">
5.<frame src="/menu.html">
6.<frame src="/content.html">
7.</frameset>
8.</html>

প্রদর্শন:

নিজে চেষ্টা করুন।

Noresize and Scrolling:

Noresize attribute এর সংশ্লিষ্ট ফ্রেমকে আমরা রিসাইজ করতে পারি না।

scrolling=”(yes/no)”- ফ্রেম এর ভিতরে scrollহবে বাহবে না।

1.<html><head></head>
2.<frameset border="2" frameborder="1" framespacing="2" rows="20%,*">
3.<frame src="/title.html" noresize scrolling="no">
4.<frameset border="4" frameborder="1" framespacing="4" cols="30%,*">
5.<frame src="/menu.html" scrolling="auto" noresize>
6.<frame src="/content.html" scrolling="yes" noresize>
7.</frameset>
8.</html>

অনুগ্রহ করে কোডগুলি নিজে লিখে প্রাকটিস করে দেখুন।

LEAVE A REPLY

Please enter your comment!
Please enter your name here