Web Development tutorial in bangla part-7 :)-

 এইচটিএমএল টিউটোরিয়াল: তালিকা এবং সারণী

এই টিউটোরিয়ালে, আমরা এইচটিএমএলে তালিকাগুলির তালিকা এবং ধারণাগুলি নিয়ে কাজ করব। সুতরাং, আসুন আমরা tut.html হিসাবে একটি নতুন ফাইল তৈরি করে শুরু করি এবং প্রয়োজনীয় HTML টেমপ্লেট পেতে বয়লারপ্লেট যুক্ত করি। <শিরোনাম> ট্যাগে টেবিল এবং তালিকা হিসাবে শিরোনাম দিন।

তালিকাগুলি মূলত দুটি ধরণের-

আদেশ তালিকা (ওল)

<ol>

          <li> এটি আমার আনর্ডারড তালিকার প্রথম আইটেম </ li>

</ol>

অর্ডারযুক্ত তালিকা (উল)

<ul>

          <li> আমার আনর্ডার্ড তালিকা </ li> যদি এটি প্রথম আইটেম

</ul>

অর্ডার করা এবং একটি অর্ডারহীন তালিকার মধ্যে পার্থক্য হ'ল আদেশযুক্ত তালিকাটি এই বিন্যাসে তালিকাটি প্রদর্শন করে -

1।

2।

3।

…।

অন্যদিকে, আনর্ডার্ড করা তালিকাগুলি নিম্নলিখিত বিন্যাসে তালিকাটি প্রদর্শন করে-

।

।

।

…।

উভয় তালিকার একাধিক বৈশিষ্ট্য রয়েছে যা আমরা টাইপ কমান্ড ব্যবহার করে লিখতে পারি। উদাহরণস্বরূপ, যদি আমরা লিখি:

<ওল টাইপ = "আমি">

 তারপরে আমরা তালিকাগুলি আই, দ্বিতীয়, তৃতীয় এবং আরও কিছু পেয়ে যাব। একই বিন্যাসে, আমরা এ, বি, সি, এবং আরও কিছু হিসাবে তালিকা পেতে পারি।

এটি অর্ডারযুক্ত তালিকায়ও প্রযোজ্য। যদি আমরা লিখি

<ul  type= "বর্গক্ষেত্র">

তারপরে আমরা একটি বৃত্তের পরিবর্তে বুলেটযুক্ত স্কোয়ার পাব। অন্যান্য বিভিন্ন রেফারেন্স উপলব্ধ রয়েছে যা থেকে আপনি সমস্ত বৈশিষ্ট্য দেখতে পাবেন। এই সমস্ত কিছু শেখার দরকার নেই। অনুশীলন করে আপনি নিখুঁত পাবেন।

 

এইচটিএমএল তালিকাগুলির বাসা বাঁধার অনুমতি দেয়। এর সহজ অর্থ হ'ল আমরা অন্য তালিকায় একটি তালিকা যুক্ত করতে পারি।

 <ul type = "চেনাশোনা">

        <li> এটি আমার আনর্ডারড তালিকার প্রথম আইটেম </ li>

        <li> এটি আমার আনর্ডারড তালিকার দ্বিতীয় আইটেম </ li>

        <ul>

            <li> আর একটি </ li>

            <li> অন্য দুটি </ li>

            <li> আরও তিনটি </ li>

 </ul>

আসুন এখন এইচটিএমএলে টেবিলগুলি নিয়ে আলোচনা করুন। একটি টেবিল হ'ল একটি ওয়েবপৃষ্ঠায় সারি এবং কলামগুলির সংমিশ্রণ। টেবিলের কাঠামোটি দেখে মনে হচ্ছে-

প্রধান অংশটি টেবিল ট্যাগ এবং এটি দুটি অংশ নিয়ে গঠিত: টেবিলের মাথা এবং টেবিলের বডি। <thead> টেবিলের প্রধান প্রধান এবং <টেবিল> টেবিলের মূল অংশ নিয়ে গঠিত।

<tr> এটি প্রমাণ করার জন্য ব্যবহৃত হয় যে এটি একটি সারির অংশ। <tr> ট্যাগের অভ্যন্তরে, আমরা <তম> ট্যাগের নীচে একটি সারির শিরোনাম দিই। একটি টেবিলের চূড়ান্ত কাঠামোটি দেখে মনে হচ্ছে-

একটি টেবিলে, বেশিরভাগ দুটি জিনিস মনে রাখতে হয়, একটি টেবিলের মাথা এবং শরীর। টেবিলটিতে আরও সারি যুক্ত করতে আমরা কেবল <tr> ট্যাগ যুক্ত করতে পারি এবং একটি সারণীতে যে কোনও সংখ্যক সারি যুক্ত করতে পারি।

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