HTML হাতেখড়ি [পর্ব- ৫] এইচ.টি.এম.এল ফ্রেম (HTML Frame)

এটি একটি ধারাবাহিক টিউন। পড়ুন, সব গুলো পর্ব

আজ আমরা শিখব HTML Frame। প্রথমেই আমাদের মনে যে যে প্রশ্নগুলো আসতে পারে তা উত্তরসহ নিম্নরূপ:

প্রশ্ন: HTML Frame কি?

উত্তর: যার মাধ্যমে আমরা অনেকগুলো ওয়েব পেজকে একই সাথে একই সময়ে ব্রাউজারের উইন্ডোতে প্রদর্শন করতে পারি তাই হল HTML Frame ।

প্রশ্ন: HTML Frame কত প্রকার ও কি কি?

উত্তর: HTML Frame দুই প্রকার। যথা:

  • Vertical Frameset
  • Horizontal Frameset

প্রশ্ন: কিভাবে Vertical Frameset  ও  Horizontal Frameset তৈরি করব?

উত্তর: Vertical Frameset  তৈরি করার জন্য প্রথমে তিনটি পেজ তৈরি করুন।

প্রথম পেজ:

কোড:

<html>
<body>
<body style="background-color:red;">
<body>
</html>

সেভ করুন  i.html নামে।

দ্বিতীয় পেজ:

কোড:

<html>
<body>
<body style="background-color:green;">
<body>
</html>

সেভ করুন you.html নামে।

তৃতীয় পেজ:

কোড:

<html>
<body>
<body style="background-color:yellow;">
<body>
</html>

সেভ করুন other.html নামে।

Vertical Frameset  তৈরি করার জন্য নিচের কোডটি টাইপ করুন:
<html>
<frameset cols="25%,50%,25%">
<frame src="i.html" />
<frame src="you.html" />
<frame src="other.html" />
</frameset>
</html>

সেভ করুন index.html নামে।

Horizontal Frameset  তৈরি করার জন্য উপরের <frameset cols="25%,50%,25%"> এর জায়গায় <frameset rows="25%,50%,25%"> লিখুন। অর্থাৎ সম্পূর্ণ কোডটি হবে নিম্নরূপ:

<html>
<frameset rows="25%,50%,25%">
<frame src="i.html" />
<frame src="you.html" />
<frame src="other.html" />
</frameset>
</html>

এবার  index.html ফাইলে ডাবল ক্লীক করে আউটপুট দেখে নিন।

***একটা কথা মনে রাখবেন তা হল সবগুলো ফাইল যেন একই ফোল্ডারে ‍থাকে।

HTML Frame এর অসুবিধাগুলো:

  • সম্পূর্ণ ওয়েব পেজ আপনি প্রিন্ট করতে পারবেন না।
  • সার্চ ইজ্ঞিনে ইনডেক্সিনে সমস্যা হয়।

Level New

আমি মোহাম্মদ রকিবুল হায়দার। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 15 বছর 1 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 77 টি টিউন ও 206 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

www.downloadzone3.tk


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

আপনার ফিরে আসাতে ভালো লাগছে।আশা করছি অনেকেই আপনার এই ধারাবাহিক টিউনটির অপেক্ষায় ছিলো।এবার তাদের সে প্রত্যাশা মিটবে।

    ইনশাআল্লাহ।

    Level 0

    অসাধারন ভাইয়া।খুবি ভাল শিখসি।আপ্নাদের মত পরোপকারি মানুস যদি সব সময় কাছে পাওয়া যেত তাহলে জীবন টা আরও সুন্দর হত।

একমত প্রবাসী ভাইয়ের সাথে। আসা করি এবার আর সবাইকে অনেক দিন অপেক্ষা করতে হবে না পরবর্তী টিউনের জন্য। ধন্যবাদ

কতদিন পরে টিউন করলেন বলেনতো?
আরো বেশী নিয়মিত আশা করছি,
HTML শিক্ষার ইচ্ছা আছে তাই নিয়মিত টিউন করলে ভাল হয়,
আপনার টিউটোরিয়ালটা অসাধারন বলার অপেক্ষা রাখেনা।
আপনাকে অনেক অনেক ধন্যবাদ অনেক কাজের এই টিউটোরিয়ালটা চালিয়ে যাওয়ার জন্য।
বি,দ্র; অনুমতি পেলে আপনার টিউটোরিয়ালটা আমার ব্লগে প্রকাশ করতে চাই এবং আনার পরিচয়েই প্রকাশ হবে।

Level 0

ধন্যবাদ। ভাই মনে হয় প্রচুর ব্যাস্ত অনেক দিন পর টিউন করলেন।

Level 0

হ্যালো দিস কমেন্ট ফর টেষ্টিং .. ১. . . ২ .. ৩ Click hrere
🙄 😯 😀 😡

Level 0

কমেন্টে তো target=”_blank”> এই কোড কাজ করে না কারন কি?

সাথে আছি।চালিয়ে যান।

Assalamu alaiqum my brothers!!!! 🙂
jekhane নাইম bhaiya ache sekhane ami o achi ……….haha 🙂
& thank u guys …………& best of luck রকিবুল হায়দার bro 🙂

ভাল ভাল চালিয়ে যান।

খুব ভাল……..
অনেক দিন পর আসলেন। …….
আশা করি আপনার সুন্দর সুন্দর টিউন নিয়মিত পাব।

Level 0

Horizontal Frameset

<html>
<frameset rows=”25%,50%,25%”>
<frame src=”i.html” />
<frame src=”you.html” />
<frame src=”other.html” />
</frameset>
</html>
এটা কি নামে সেভ করব একটু জানাবেন?

আমি কিভাবে আমার তৈরি করা ওয়েব পেজ কোন ফ্রী ওয়েব সাইট এ পাবলিশ করব?

[email protected]

প্রথম post অনুসারে শেষ বডি ট্যাগের আগে তো slash হওয়ার কথা। এটা বুঝি নাই।