banner

SLIDE BAR

Image Slider By nurmonyitworld.net.ms NUR-MONY IT WORLD ENG.KAMRUL HASAN IFAZ. ''প্রযুক্তিকে ভালবাসুন।প্রযুক্তির সাথে থাকুন সবসময়, প্রযুক্তির আলো ছড়িয়ে দিন বিশ্বময়”

হেডলাইন

WELCOME TO OUR BLOG SITE.IF U LIKE OUR BLOG PLEASE SHEAR UR FRIENDS.Email us to inform about our wrong information. to inform about product price and specification, to inform about new product in the market, to inform that what you want to know?THANKS VISIT OUR BLOGSITE

৮ জানুয়ারী, ২০১৩

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

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

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

“প্রযুক্তিকে ভালবাসুন, প্রযুক্তির সাথে থাকুন সবসময়, প্রযুক্তির আলো ছড়িয়ে দিন বিশ্বময়”

join fb

Join Me On Facebook
^ Back to Top