এইচটিএমএল পেজের মধ্যে যখন একই বিষয়ে বিভিন্ন আইটেম কে লিস্ট করার প্রয়োজন হয় তখন এইচটিএমএল লিস্ট ব্যবহার করা হয় |
এইচটিএমএল মার্কআপ ল্যাংগুয়েজ এ যেসকল লিস্ট ট্যাগ ব্যবহার করা হয় তার নিচে তুলে ধরা হলো –
- <li> </li> লিস্ট ডিক্লেয়ার করার জন্য ব্যবহার করা হয় < li > ট্যাগটি |
- <ul> </ul> আন অর্ডার লিস্ট তৈরি করতে ব্যবহার করা হয় |
- <ol> </ ol> অর্ডার লিস্ট তৈরি করতে ব্যবহার করা হয় |
- <dl> </dl> ডেসক্রিপশ লিস্ট তৈরি করতে ব্যবহার করা হয় |
- <dt> </dt> ডেসক্রিপশন লিষ্টের আইটেম নির্দেশ করে |
- <dd> </dd> ডিসক্রিপশন লিষ্টের একটি আইটেম বর্ণনার ক্ষেত্রে ব্যবহার করা হয়
যেকোনো লিস্ট তৈরি করার জন্য এল আই ট্যাগ ব্যবহার করা হয় |
এইচটিএমএল অর্ডার লিস্ট
এইচটিএমএল অর্ডার লিস্ট তৈরি করার জন্য <ol> ট্যাগ ব্যবহার করা হয় | <ol> ট্যাগ এর মাধ্যমে ওয়েবপেজের যে সকল আইটেম আছে তা সংখ্যার মাধ্যমে ডিক্লেয়ার করা হয় |
অর্ডার লিস্ট এর ব্যবহার –
বডি সেকশন এর মধ্য লিস্ট এর সিনটেক্স সুন্দরভাবে সেটাপ করার পরে আপনি আপনার কাঙ্ক্ষিত আইটেম গুলো প্রদান করবেন | এখানে আমি কিছু স্যাম্পল দেখালাম |
<body>
<h2>This is order lists</h2>
<ol>
<li>order list1</li>
<li>order list2</li>
<li>order list3</li>
<li>order list4</li>
<li>order list5</li>
</ol>
</body>
এভাবে আপনি যেকোনো ওয়েব পেজ তৈরি করতে অর্ডার লিস্ট ব্যবহার করতে পারেন |
উপরে যে কোডগুলো লিখেছি তা যদি ব্রাউজারে রান করায় তাহলে যেভাবে আউটপুট শো করবে |
এইচটিএমএল আন-অর্ডার লিস্ট
এইচটিএমএল এর মাধ্যমে যেসকল ওয়েব পেজ তৈরি করা হয় সেই পেজে বিভিন্ন সময় বিভিন্ন ধরনের ইনফর্মেশন বা যেকোনো বিষয়ের লিস্ট প্রয়োজন হয় | আন্দোলনের মাধ্যমে যেসকল আইটেমকে প্রদর্শন করানো হয় সেটি সাধারণত বিভিন্ন ধরনের আইকন এর মাধ্যমে ওয়েব পেজে প্রদর্শিত হয় |
এখানে আমরা দেখব, এইচটিএমএল আন অর্ডার লিস্টের ব্যবহার |
<h2> This is unorder lists</h2>
<ul>
<li>unorder list1</li>
<li>unorder list2</li>
<li>unorder list3</li>
<li>unorder list4</li>
<li>unorder list5</li>
</ul>
উপরের প্রদর্শিত নিয়ম ফলো করে আপনি যেকোন আন অর্ডার লিস্ট তৈরি করতে পারবেন | এখানে আমরা যে লিস্টটি তৈরি করেছি এটা যদি ব্রাউজারে রান করি তাহলে এভাবে প্রদর্শিত হবে |
এইচটিএমএল ডেসক্রিপশন লিস্ট
ডেসক্রিপশন লিস্ট হচ্ছে এমন একটি যার মধ্যে সবগুলো কনটেন্ট সুন্দরভাবে বর্ণনা করা হয় |
ডেসক্রিপশন লিস্ট তৈরিতে তিনটি ট্যাগ ব্যবহার করা হয় | <dl> ট্যাগ এর মাধ্যমে ডেসক্রিপশন লিস্টনির্দেশ করা হয়, <dt> ট্যাগ এর মাধ্যমে লিষ্টের আইটেম কে নির্দেশ করে এবং <dd> ট্যাগ এর মাধ্যমে প্রত্যেকটি আইটেম ই নির্দেশিত হয় |
<dl>
<dt> Apple </dt>
<dd>-White color define </dd>
<dt> Orange</dt>
<dd>-Orange color define </dd>
</dl>
উপরে দেখানোর নিয়ম অনুসারে যেকোনো ধরনের ডেসক্রিপশন লিস্ট তৈরি করা সম্ভব | আমরা এখানে যে তৈরি করেছি এটা যদি ব্রাউজার রান করায় তাহলে এটি যেভাবে প্রদর্শিত হবে |
এইচটিএমএল এর মাধ্যমে ওয়েব পেজ তৈরি উপরে প্রদর্শিত নিয়মে লিস্ট তৈরি করা হয় | এখানে আপনার প্রত্যেকটি মনে রাখাটা জরুরি |
এইচটিএমএল লিস্ট নিয়ে যদি কারো কোন প্রবলেম থাকে বা কোন প্রশ্ন থাকে তাহলে অবশ্যই কমেন্টে জানাবেন |