Thursday, February 16, 2017

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


এইচটিএমএল ফ্রেম (HTML Frame)
ফ্রেম এর মাধ্যমে একই সময় একই ব্রাউজার উইন্ডো তে অনেক গুলো এইচটিএমএল ডকুমেন্ট প্রদর্শন করা যায়।
এইচটিএমএল-a generic frame page:
HTML Frameফ্রেমের বেশি ব্যবহার হল একটি ফ্রেম এ মেনু আর একটি ফ্রেম এ তার কনটেন্ট ।যখন কেউ মেনু লিংকে ক্লিক করে তখন সেই ওয়েব পেজটি কনটেন্ট পেজে খোলে।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>   =>অনুগ্রহ করে কোডগুলি নিজে লিখে প্রাকটিস করে দেখুন।

Related Posts:

  • (HTML Attribute Totorial (এইচটিএমএল এট্রিবিউট টিউটোরিয়াল) এইচটিএমএল এট্রিবিউট (HTML Attribute) ট্যাগ কে সম্প্রসারন করার জন্য এট্রিবিউট ব্যবহার করা হয়। ধরুন যদি আমরা একটি টেবিল তৈরী করি তবে attributes ব্যাবহার করে টেবিল এর প্রস্থ, উচ্চতা ঠিক করতে পারি। আর attributes value দিয়ে ট… Read More
  • What is Web Design? ওয়েব ডিজাইন কি? ওয়েব ডিজাইন হচ্ছে একটা ওয়েবসাইটের জন্য বাহ্যিক অবয়ব তৈরী করা।ওয়েব ডিজাইনারের মুল কাজ একটা সাইটের জন্য টেমপ্লেট বানানো,এখানে কোন এপ্লিকেশন থাকবেনা।যেমন লগিন সিস্টেম, নিউজলেটার সাইনআপ, পেজিনেশন, ফাইল আপলোড করে ডেটাবেসে স… Read More
  • What is HTML? এইচটিএমএল কি? এইচটিএমএল (HTML) এর অর্থ হচ্ছে Hyper Text Markup Language.এটা কোন প্রোগ্রামিং ল্যাংগুয়েজ নয়,মার্কআপ ল্যাংগুয়েজ। ওয়েব ডেভেলপার হতে হলে এই ল্যাংগুয়েজ টি সবার আগে ভালভাবে শিখতে হবে।তবে এটা শেখা খুব সহজ। এটা শিখলেই আপনি এক… Read More
  • Freelancing on the future of web development and career? ওয়েব ডেভেলপমেন্ট এর ভবিষ্যত এবং ফ্রিল্যান্সিং এ ক্যারিয়ার? ওয়েব ডেভেলপমেন্ট  হচ্ছে ওয়েবসাইটের জন্য এপ্লিকেশন তৈরী করা। উপরে যে এপ্লিকেশনগুলির উল্লেখ করেছি এধরনের আরো হাজারো এপ্লিকেশন আছে, ওয়েব ডেভেলপারকে এসব এপ্লিকেশন তৈরী করতে হবে।যদি ফ্রিল্যান্সিং করেন তাহলে ক্লাইন… Read More
  • HTML Body Tutorial (এইচটিএমএল বডি টিউটোরিয়াল) Add caption এইচটিএমএল বডি (HTML Body) Body tag যা web page এর সকল element ধারন করে। Tables, Lists, Forms, paragraph element গুলোকে Body element এর মধ্যে রাখতে হয়।http://w3bay.com HTML - Body Margins: Attributes Le… Read More

0 comments:

Post a Comment

All Time Most Readable Post

Featured Post

Basic SEO Tutorial for Beginners, Basic SEO Tutorial. শিক্ষানবিশদের জন্য বেসিক এসইও টিউটোরিয়াল?

Basic SEO Tutorial for Beginners Though some try to categorise  SEO  as a science, the reality is that SEO is as much art as it is sc...

onpage seo