«

»

HTML শিখুন HTML5 সহ [পর্ব-8] Frames, IFrames & Colors

সবাইকে সালাম ও শুভেচ্ছা। আশা করি সবাই ভালো আছেন।আপনাদের দোয়ায় আবার ও আসলাম HTML নিয়ে। এর আগের পর্বটি দেখে আসতে পারেন নিচের লিঙ্কে ক্লিক করে।

আজকে যে সব বিষয় নিয়ে আলোচনা করব।

  • HTML Frames
  • HTML Iframes
  • HTML Colors

তাহলে শুরু করা যাকঃ

HTML Frames:-

Frame তৈরির মাধ্যমে একই ওয়েব পেইজে মধ্যে অনেক গুলো সাইট কে দেখাতে পারবেন। প্রথমে <frameset> ট্যাগ দিয়ে কয়টি ফ্রেম বসাবেন ও কোন ফ্রেমটিকে কতটুকু জায়গা ব্যবহার করতে দিবেন তা সিলেক্ট করতে হয়। <frame> ট্যাগের মধ্যে ফ্রেমের মাধ্যে যে পেইজ লোড হবে তার উৎস দিতে হয়। দুই ভাবে Frame লোড করা যায় একটা হচ্ছে vertical  ভাবে। আরেকটি হচ্ছে horizontal  ভাবে।     প্রথমে দেখি vertical frameset কিভাবে দেওয়া যায়, তার জন্য নিচের উদাহরন টি দেখুন। কোড ও ফলাফল এক সাথে দেওয়া আছে। আপনারা ও ট্রাই করুন।

horizontal frameset কিভাবে দেওয়া যায় তা দেখুনঃ

উপরের উদাহরন দুটি আপনারা নিজে নিজে করলেই বুঝতে পারবেন কিভাবে vertical  ও horizontal ফ্রেম দিতে হয়।

HTML Iframes:-

HTML frames এর মত কোন সাইটকে বা কোন ওয়েব পেজকে আরেকটি ওয়েব পেজের মধ্যে দেখানোর জন্য  HTML Iframes  ব্যবহৃত হয়।

উপরের উদাহরনটি ভালো ভাবে লক্ষ্য করুন। তারপর নিজে নিজে চেষ্টা করুন।

HTML Colors:-

একটি সাইটের জন্য রঙ অনেক গুরুত্ত্ব পূর্ন। আপনি কটকটে লাল ব্যবহার করে সাইটকে রঙ্গিন করলে যেমন হবে না আবার কালো রংদিয়ে কালো করলে ও হবে না। যদি ও আমাদের টেকটুইটসের অবসস্থা বেশি ভালো না রঙের ক্ষেত্রে। তবুও রঙ নির্বাচনে সতর্কতা অবলম্ভবন করা উচিত। লাল, নীল ও সবুজ এ তিন প্রকারের রঙ নিয়ে তৈরি হয়েছে  ষোলকোটি রঙ। HTML  এ সব রঙের Hexadesimel কোড ব্যবহার করা হয়। প্রত্যেকটা রঙ্গের কোড # দিয়ে শুরু হয়।

এত রঙ ও রঙের নাম দেখে ভয় পাবেন না। আপনার কোন রঙ্গের নাম মনে রাখতে হবে না। খুব সহজে HTML Color Code খুঁজে বের করার পদ্ধতি নামক টুইটটি আগে পড়ুন আগে, তার পর চিন্তা করবেন।

কেমন হয়েছে বা কোন সমস্যা থাকলে অবশ্যই জানাবেন। কোথায় ও কোন অসঙ্গতি চোখে পড়লে ও জানাবেন। ধন্যবাদ সবাইকে, ভালো থাকবেন।

পরের পর্বঃ

HTML শিখুন HTML5 সহ [পর্ব-9]


এ সম্পর্কিত আরো কিছু টুইট:

HTML শিখুন HTML5 সহ [পর্ব-1] Intro to HTML
Rubel Orion এর সাথে শিখুন পি এইচ পি(pHp) (পর্বঃ চার)
মাইএসকিউএল MySQL part-4 (মাইএসকউএল এর Numeric ডাটা টাইপ)
ঘরে বসেই ওয়েব ডেভলপমেন্ট শিখুন। (নতুনদের জন্য গাইড লাইন)
আপনার ওয়বেসাইটের জন্য Contact Form তৈরী করুন সহজেই
প্রফেশনাল ওয়েব ডিজাইনারদের জন্য একটা ধারুন সফটওয়্যার। যাদের লাগবে এখনই ডাউনলোড করে নিন।
স্লাইডার ব্যবহার করে কিভাবে ওয়ার্ডপ্রেস ব্লগে ফিচারড পোস্ট প্রদর্শন করবেন

মন্তব্য দিনঃ

comments

About the author

জাকির হোসাইন

প্রোগ্রামিং বা ফ্রীল্যান্সিং নিয়ে কোন প্রশ্ন থাকলে টেকটুইটস সাহায্য বিভাগে পোস্ট দিতে পারেন অথবা আমাকে ফেসবুকে মেসেজ দিতে পারেন।

Permanent link to this article: http://techtweets.com.bd/web-developing/jakirbdl/2798

13 comments

Skip to comment form

  1. রাসেল

    HTML কিছু জানি তবে আরো আনেক জানার ইচ্ছা আছে……….আনেক কিছু জানতে পারলাম…….ধন্যবাদ

    1. ঐ ছেলেটি
      jakir

      জানাতে পেরে ভালো লাগলো। ধন্যবাদ।

  2. বাঁধন

    জানতে পেরে ভালো লাগলো, আরও জানতে চাই…

    1. ঐ ছেলেটি
      jakir

      ইনশাহ আল্লাহ, জানতে পারবেন।

  3. Taher Chowdhury Sumon

    ভাল লাগলো । ও হ্যাঁ রিলেটেড পোষ্ট থাকলে আমাদের জন্য সুবিধা হত।

  4. আউয়াল

    Ekto Basto Thakar Karona Part Ti Shikhta Deri Holo.aponi chaliya gan amora shikhbo aponar kach thaka. Thanks for tune.

    1. ঐ ছেলেটি
      jakir

      আপনাদের কাজে আসলেই আমার ভালো লাগবে।

  5. সায়েম

    সরাসরি PDF বানিয়ে নিলাম..! :]

    1. ঐ ছেলেটি
      jakir

      তাহলে তো PDF বাটন যোগ করতে হয়। সুযোগ করে PDF বাটন যোগ করে দিব। তাহলে সবাই আপনার মত PDF করে রাখতে পারবে।

    2. সায়েম

      ধন্যবাদ! কিন্তু এ পদ্ধতিতে ব্যান্ডউইথ খরচ না করে হবে না!! এটা নিয়ে আমি একটা টিউন করেছিলাম.. রিটুইট করব চিন্তা করতেছি… 😀

    3. ঐ ছেলেটি
      jakir

      তাহলে তাই করুন।

  6. mehedi hasan

    vaijan apnar sobgula porbo jodi pdf kore den boroi upokar hoto…………….

    1. ঐ ছেলেটি
      jakir

      আরো কিছু দিন অপেক্ষা করুন, এক সাথে বইয়ের মত করে দিতে পারব আশা করি।

মন্তব্য করুন