এইচটিএমএল লিস্ট

You are currently viewing এইচটিএমএল লিস্ট

এইচটিএমএল পেজের মধ্যে যখন একই বিষয়ে বিভিন্ন আইটেম কে লিস্ট করার প্রয়োজন হয় তখন এইচটিএমএল লিস্ট ব্যবহার করা হয় |

এইচটিএমএল মার্কআপ ল্যাংগুয়েজ এ যেসকল লিস্ট ট্যাগ ব্যবহার করা হয় তার নিচে তুলে ধরা হলো –

  • <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>

উপরে দেখানোর নিয়ম অনুসারে যেকোনো ধরনের ডেসক্রিপশন লিস্ট তৈরি করা সম্ভব |  আমরা এখানে যে তৈরি করেছি এটা যদি ব্রাউজার রান করায় তাহলে এটি যেভাবে প্রদর্শিত হবে |

এইচটিএমএল এর মাধ্যমে ওয়েব পেজ তৈরি উপরে প্রদর্শিত নিয়মে লিস্ট তৈরি করা হয় |  এখানে আপনার প্রত্যেকটি মনে রাখাটা জরুরি | 

এইচটিএমএল লিস্ট নিয়ে যদি কারো কোন প্রবলেম থাকে বা কোন প্রশ্ন থাকে তাহলে অবশ্যই কমেন্টে জানাবেন |

Leave a Reply