এইচটিএমএল ফ্রেম টিউটোরিয়াল (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>
অনুগ্রহ
করে কোডগুলি নিজে লিখে প্রাকটিস করে দেখুন।
|
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন