Rasel khan web programming

HTML ফ্রেম


এইচটিএমএল ফ্রেম টিউটোরিয়াল (HTML Frame)

লেখক রাসেল খান  
ফ্রেম এর মাধ্যমে একই সময় একই ব্রাউজার উইন্ডো তে অনেক গুলো এইচটিএমএল ডকুমেন্ট প্রদর্শন করা যায়

এইচটিএমএল-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>
অনুগ্রহ করে কোডগুলি নিজে লিখে প্রাকটিস করে দেখুন

কোন মন্তব্য নেই:

একটি মন্তব্য পোস্ট করুন