মোবাইল দিয়ে ওয়েব ডিজাইন শিখি (HTML Part – 12)

Posted on

আজকে আলোচনা করবো iframe Tag ও পেছনে একটা tag দিতে ভুলে গেছিলাম আর সেটি হল select tag নিয়ে।

  • HTML প্রথম পর্ব
  • HTML দ্বিতীয়  পর্ব
  • HTML তৃতীয়  পর্ব
  • HTML চতুর্থ  পর্ব
  • HTML পঞ্চম পর্ব
  • HTML ৬ষ্ঠ পর্ব
  • HTML ৭ম পর্ব
  • HTML ৮ম পর্ব
  • HTML ৯ম পর্ব
  • HTML ১০ম পর্ব
  • HTML ১১তম পর্ব
  • Tag গুলোর বিস্তারিত আলোচনাঃ

    iframe Tag এর ব্যবহারঃ

    একটি ওয়েবসাইটে অন্য একটি ওয়েবসাইট embed বা নির্দিষ্ট কোন পেইজ প্রদর্শন করানোর জন্য iframe tag ব্যবহার করা হয়।
    যেমনঃ

    আসুন দেখি কিভাবে এটা ব্যবহার করবোঃ
    আমাদের ওয়েবসাইটে অন্য কোন ওয়েবসাইট বা ওয়েব পেইজ প্রদর্শন করানোর জন্য প্রথমে আমাদের iframe start tag ও end tag নিতে হবে।

    এবং এর start tag এর ভেতর src attribute নিতে হবে যার value হবে আপনার কাঙ্ক্ষিত ওয়েব পেইজের লিংক যে টা আপনি প্রদর্শন করাতে চান।


    আউটপুটে খুবই ছোট আকারে সেই ওয়েব পেজটি প্রদর্শন করবে।

    এখন এটাকে ছোট বড় করার জন্য দুইটি attribute রয়েছে সেগুলো হল height width attribute।
    একটি আইফ্রেমের দৈর্ঘ্য এবং প্রস্থ নির্দিষ্ট করে দেয়ার জন্য Height এবং Width এট্রিবিউট ব্যবহার করা হয়। এট্রিবিউটের value ডিফল্ট ভাবে পিক্সেলে নির্ধারিত হলেও আপনি এটি (%) এও নির্ধারণ করতে পারেন যেমন 70%,80% ইত্যাদি।
    এই দুটি attribute iframe start tag এর ভেতর বসানো হবে।
    width:

    ——–আউটপুট——–

    Height:

    ——–আউটপুট——–

    ইউটিউবের যে ভিডিও embed করা হয় এটাও কিন্তু iframe tag দিয়ে। যেমন:

    select Tag এর ব্যবহারঃ

    List সিলেক্ট করার অপশন চালু করার জন্য এই ট্যাগ ব্যবহার হয়।
    যেমন ধরুন রেজিস্ট্রেশন করার সময় আপনি ছেলে না মেয়ে এভাবে সিলেক্ট করা।

    ছেলে
    মেয়ে

    এটা select tag দিয়ে করা হয়ে থাকে।

    আসুন দেখি এর ব্যবহার।

    এটার জন্য আমরা select start tag ও end tag নিবো।

    প্রতিটি অপশন দেওয়ার জন্য আমরা select tag এর ভেতর একটি করে option tag নিবো।
    যেমনঃ

    যেমন ছেলে মেয়ে দুইটি অপশন করি।
    ছেলেঃ

    ——–আউটপুট——–

    ছেলে ও মেয়েঃ

    ——–আউটপুট——–

    কয়েক ধরণের সিলেক্ট ফর্ম তৈরী করার জন্য এর কয়েকটি attribute রয়েছে নিচে স্ক্রিনশট সহ দেখানো হল

  • disabled = সিলেক্ট লিস্টকে নিষ্ক্রিয়(disable) করে দেয়।

  • ——–আউটপুট——–

  • multiple = একবারে একাধিক অপশন সিলেক্ট করার সুযোগ করে দেয়।

    ——–আউটপুট——–

  • name = সিলেক্ট লিস্টের জন্য একটি নাম নির্ধারণ করে।
  • required = এটি ইউজারকে ফর্ম সাবমিটের পূর্বে অবশ্যই সিলেক্ট লিস্টে একটি দিতে বাধ্য করে।
  • তো আজ এই পর্যন্তই।

    আমার ফেসবুক আইডিঃ Tawhid Hridoy

    লেখালেখি করে জিতে নিন পুরস্কারঃ BDBoighor.com

    আমাদের ইউটিউব চ্যানেলঃ TipTop BD

    যেকোন ধরনের Thumbnail, Logo, Photo Editing, Wapkiz Web design ইত্যাদি করাতে চাইলে ইনবক্স করুন আমাদের ফেসবুক পেইজে।

    The post মোবাইল দিয়ে ওয়েব ডিজাইন শিখি (HTML Part – 12) appeared first on Trickbd.com.

    Source:

    Leave a Reply

    Your email address will not be published.