এইচটিএমএল ফ্রেম (HTML
Frame)
ফ্রেম এর মাধ্যমে একই সময় একই ব্রাউজার উইন্ডো তে অনেক
গুলো এইচটিএমএল ডকুমেন্ট প্রদর্শন করা যায়।
এইচটিএমএল-a
generic frame page:
ফ্রেমের বেশি ব্যবহার হল একটি ফ্রেম এ মেনু আর একটি ফ্রেম এ
তার কনটেন্ট ।যখন কেউ মেনু লিংকে ক্লিক করে তখন সেই ওয়েব পেজটি কনটেন্ট পেজে খোলে।http://w3bay.com
<html>
<head>
</head>
<frameset cols="30%, *">
<frame src="/menu.html">
<frame src="/content.html">
</frameset></html>http://w3bay.com
frameset – এটা একটা parent tag যা ফ্রেম page এর characteristics নির্দেশ করে।পৃথক পৃথক ফ্রেম frameset এর মধ্যে নির্দেশিত
থাকে।
frameset cols="#%, *"- Cols(column)http://w3bay.com যা ফ্রেম এর width নির্দেশ করে। উপরের উদাহরনে আমরা
মেনু (1st column) নির্বাচন করেছি যা total page এর ৩০% এবং "*", এর অর্থ total
page http://w3bay.comএর ৭০% content (2nd column) নির্দেশিত
হয়।http://w3bay.com
frame src="/" ওয়েব পেজ এর লোকেশন
ফ্রেমে লোড হয়।
ব্যনার বা টাইটেল যোগ করা:http://w3bay.com
<html><head></head>
<frameset rows="20%, *">
<frame src="/title.html">
<frameset cols="30%, *">http://w3bay.com
<frame src="/menu.html">
<frame src="/content.html">
</frameset>
</html>
frameset rows="#%, *"-এর অর্থ frameset
cols="#%, *"- মতই।
FrameBorder and FrameSpacing:
FrameBorder এবং FrameSpacing
attribute এর সাহায্যে ফ্রেম এর Spacing এবং
দুটি ফ্রেমের মধ্যে ugly gray lines রিমুভ করা যায়।http://w3bay.com
<html><head></head>
<frameset border="0"
frameborder="0" framespacing="0" rows="20%, *">
<frame src="/title.html">http://w3bay.com
<frameset border="0"
frameborder="0" framespacing="0" cols="30%, *">
<frame src="/menu.html">http://w3bay.com
<frame src="/content.html">
</frameset></html>
Noresize and Scrolling:http://w3bay.com
Noresize attribute এর সংশ্লিষ্ট ফ্রেমকে
আমরা রিসাইজ করতে পারি না।
scrolling="(yes/no)"- http://w3bay.comফ্রেম এর
ভিতরে scroll হবে বা হবে না।
<html><head></head>
<frameset border="2"
frameborder="1" framespacing="2" rows="20%, *">
<frame src="/title.html" noresize
scrolling="no">http://w3bay.com
<frameset border="4"
frameborder="1" framespacing="4" cols="30%, *">
<frame src="/menu.html"
scrolling="auto" noresize>
<frame src="/content.html"
scrolling="yes" noresize>http://w3bay.com
</frameset>
</html>
=>অনুগ্রহ করে কোডগুলি নিজে লিখে প্রাকটিস করে দেখুন।
0 comments:
Post a Comment