পোষ্ট এর শুরুতে-ই সবাই কে আবার শুভেচ্ছা জানাচ্ছি আমি Naim Sdq

কেমন আছেন আপনারা? আপনাদের জন্য আজকে আবার লিখতে বসলাম। আজতে আমি আপনাদের দেখাব HTML এর যতগুলো List আছে।

টাইটেল এ বলেছি মানসম্মত শব্দটি। আসলে মানসম্মত বলতে শুধু আমার এই লিস্ট ব্যবহার করলেই হবে না। আপনার লিখনীর ধরন স্মার্ট হতে হবে যাতে করে পাঠক পড়তে Compatible Feel করেন।

আপনাকে গুছিয়ে লিখতে হবে। আমি কথাগুলো কন্ট্রিবিউটরর দের বললাম। তাছাড়া নতুন অথরা ও দেখতে পারেন।

এখন লিস্ট কি বা কেনই ব্যবহার করব??

লিস্ট হচ্ছে ফরম্যাটিং এর একটি অংশ। যার মাধ্যমে অনুচ্ছেদ বা প্যারাগ্রাফ কে আরও সুন্দর ভাবে উপস্থাপন করা যায়। আপনি যদি একটি লেখা সোজা বাংলায় লিখে চলে গেলেন।

কোন হেডিং নেই, কোন লাইন ব্রেক নেই, নেই কোন লিস্ট। তাহলে কিন্তু আপনার লেখাটি পড়তে ভাল লাগবে না। যতই হোক গুরুত্ববহ লেখা।

আর এই কারনেই আমরা লেখাকে শ্রুতিমধুর করার জন্য, লিস্ট ব্যবহার করব। অর্থাৎ লেখাও কথা বলবে । 😜

HTML List ব্যবহার করা হয় লেখার সৌন্দর্য বৃদ্ধির জন্য।

অনেকে হয়ত শ্রুতিমধুর শব্দটি শুনে চমকে গেলেন। ওটা ইচ্ছা করেই লিখেছি।

এবার প্রশ্ন এবং উত্তরঃ

HTML List শিখতে গেলে প্রথমেই আমাদের মনে যে প্রশ্নগুলো এসে যায় তা প্রশ্নের সাথে উত্তরসহ নিম্নরূপ:

HTML List কত প্রকার?
উত্তর: HTML List সাধারণত ‍দুই ধরণের হয়ে থাকে। যথা:

1. Ordered List
2. Unordered List

এখন আমাদের বুঝতে হবে Ordered List কি এবং Unordered List কি?

Ordered List:

যেকোন নাম্বার বা character যুক্ত লিস্টকে Ordered List বলা হয়। Ordered List

    1. ট্যাগ দিয়ে শুর হয়।

Unordered List:

যেকোন সিম্বল যুক্ত লিস্টকে Unordered List বলা হয়। Unordered List

      • ট্যাগ দিয়ে শুর হয়।

HTML List কিভাবে লেখা হয়?
উত্তর: HTML List {ol> অথবা {ul> ট্যাগ দিয়ে শুরু এবং শেষ({/ol> অথবা {/ul>) হয়। আর যে শব্দগুলো আপনি লিস্টের ভিতরে রাখবেন তারা প্রত্যেককে){li> ট্যাগ দিয়ে শুরু এবং শেষ({/li>) হবে।

সামান্য লিস্ট এর জন্যে এত কথা। আর কথা বাড়াব না চলুন দেখি কতগুলো লিস্ট আছে

Square attribute example

        • Tiger
        • Lion

circle attribute example

        • Tiger
        • Lion

 

none attribute example

        • Tiger
        • Lion
        1. Tiger
        2. cheetah
        3. jaguar
        4. Lion

 

Default Numerals

        1. Tiger
        2. Lion

 

Upper-Case Numerals

        1. Tiger
        2. Lion

 

Lower-Case Numerals

        1. Tiger
        2. Lion

 

Lower-Case Letters

        1. Tiger
        2. Lion

 

Upper-Case Letters

        1. Tiger
        2. Lion

 

Description List

Tiger
Tiger is Endangered
Lion
Lion is the king of jungle

Horizontal List

        • Tiger
        • cheetah
        • jaguar
        • Lion

 

ভাবছেন কোড কই। হ্যাঁ আপনারা কোড গুলো পার্ট 2 থেকে নিয়ে নিন।

PART 2 ONLY CODE


 

সবাইকে ধন্যবাদ। ট্রিকবিডির সাথেই থাকুন।

12 thoughts on "দেখুন HTML এর যত রকম লিস্ট কোড। এবার আপনার পোষ্ট হবে আরও মানম্মত এবং আকর্ষনীয়। [PART 1 ONLY POST]"

    1. Naim sdq Naim sdq Author Post Creator says:
      ধন্যবাদ
    1. Naim sdq Naim sdq Author Post Creator says:
      ধন্যবাদ
  1. Ashik American Boy[Asif] Author says:
    np bro….. 👍👍👍
    1. Naim sdq Naim sdq Author Post Creator says:
      ধন্যবাদ ভাই।
    1. Naim sdq Naim sdq Author Post Creator says:
      Thanks
    1. Naim sdq Naim sdq Author Post Creator says:
      ধন্যবাদ
    1. Naim sdq Naim sdq Author Post Creator says:
      ধন্যবাদ।

Leave a Reply