Site icon Trickbd.com

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

Unnamed

আজকে আলোচনা করবো ordered list / Unordered list Tag নিয়ে।

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

    ordered/unordered Tag এর ব্যবহারঃ

    কোন কিছু লিস্ট আকারে দেখানোর জন্য এই দুটি ট্যাগ ব্যবহার করা হয়। html এ দুই ভাবে লিস্ট করা যায়। একটি হল ordered list আর এটি ol Tag এর মাধ্যমে করা হয়। আরেকটি হল unordered list আর এটি ul Tag এর মাধ্যমে করা হয়। আর যা যা আমরা লিস্ট আকারে দেখাতে চাই তা এই দুটি ট্যাগের children – li ট্যাগের মাধমে রিপ্রেজেন্ট করে।

    ol Tag এর ব্যবহার

  • ol Tag লিস্ট গুলো কে 1, 2, 3, 4, 5 এভাবে নাম্বার আকারে দেখায়।
  • আসুন দেখি কিভাবে এটা ব্যবহার করবো।
    আমরা code editor এ যাই।
    প্রথমে আমরা ol start tag ও end tag নিবো।

    এরপর ধরেন আমরা android tips, android custom rom এগুলো লিস্ট আকারে দেখাতে চাই তাই একেকটা li tag এর ভেতরে লেখবো আর li tag টা ol tag এর ভেতরে লেখবো।





    এভাবে আমরা যতগুলো li tag লেখবো তত গুলো নাম্বার লিস্ট হবে।

    ——-output———-

    এখন যদি আমরা 1,2,3,4,5 এভাবে লিস্ট না করে যদি রুমান সংখ্যায় দেখাতে চাই।
    তাহলে type attribute ব্যবহার করতে হবে যার value হবে i

    ———output——-

    এখন যদি abcd এভাবে দেখাতে চাই
    তাহলে type attribute এর value হবে a
    যেমনঃ

    ———-output——–

    ul Tag এর ব্যবহার

  • ul Tag লিস্ট গুলো কে বুলেটের আকারে দেখায়।
    যেমনঃ
  • ul tag এর ব্যবহার ol ট্যাগের মতই শুধু ol এর জায়গায় ul লেখলেই হবে।
    যেমনঃ

    ——-আউটপুট——

    এটার ও type attribute এর ২/৩ তিনটা value আছে
    ১- square যেমনঃ


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

    ২- circle যেমনঃ


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

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

    Our FaceBook Page

    BDBoighor.com

    Our Youtube Channel