Subscribe Us

Header Ads

How to use list tag in HTML

লিস্ট ট্যাগের ব্যবহার :

HTML List :

                     একটা ওয়েবপেজকে সুন্দর ভাবে সাজাতে বা বিভিন্ন পয়েন্টিং করে ইউসার কে কিছু বোঝানোর জন্য লিস্ট ট্যাগ ব্যবহার করা হয় ।

মূলত HTML লিস্ট ২ প্রকার ---
       
          ১. Unordered List (<ul>)
          ২. Ordered List (<ol>)

HTML List Tags :

<ul>
আন অর্ডার লিস্ট তৈরি করার জন্য ব্যবহার করা হয় ।
<ol>
অর্ডার লিস্ট তৈরি করার জন্য ব্যবহার করা হয় ।
<li>
তালিকা তৈরিতে ব্যবহার করা হয় ।
<dl>
ডেসক্রিপশন লিস্ট তৈরি করার জন্য ব্যবহার করা হয় ।
<dt>
ডেসক্রিপশন লিস্টের মধ্যে যে আইটেমটি নিয়ে বর্ণনা করা হবে সেটিকে নির্দেশ করে ।
<dd>
ডেসক্রিপশন লিস্টের কোনো একটি আইটেম বর্ণনা করার জন্য ব্যবহার করা হয় ।


আনঅর্ডার(<ul>) লিস্টের ব্যবহার :

<html>
<head>
    <title>unordered list</title>
</head>
<body>
    <li>Bangladesh</li>
    <li>India</li>
        <ul>
            <li>Kolkata</li>
            <li>Mumbai</li>
        </ul>
    <li>United States</li>
</body>
</html>

অর্ডার(<ol>) লিস্টের ব্যবহার :

<html>
<head>
    <title>unordered list</title>
</head>
<body>
   <ol start="10">
       <li>India</li>
       <li>Bangladesh</li>
       <li>United States</li>
   </ol>
   <ol type="I">
       <li>India</li>
       <li>Bangladesh</li>
       <li>United States</li>
   </ol>
</body>
</html>

<dl>,<dt>,<dd> লিস্টের ব্যবহার :

<html>
<head>
    <title>unordered list</title>
</head>
<body>
 <h2>Description List</h2>
     <dl>
         <dt>India</dt>
             <dd>India ia a beautiful country.</dd>
        <dt>United States</dt>
             <dd>United States is a reachest country.</dd>
     </dl>
</body>
</html>


Note :  উপরে দেওয়া কোড গুলো কপি করে আপনারা যে কোনো টেক্সট এডিটর ওপেন করে পেস্ট করুন , তারপরে ফাইল টিকে index.html এক্সটেনশন নাম দিয়ে সেভ করুন , তারপরে যে কোনো ব্রাউজারে রান করালেই সহজে বুঝতে পারবেন ।

আশা করছি, এই ছোট্টো টিউটোরিয়াল টি আপনাদের অনেকটাই সাহায্য করবে, আপনি যদি এই টিউটোরিয়ালটি বা আমার আগের টিউটোরিয়াল গুলো পড়ে  কিছু জ্ঞান অর্জন করে থাকেন তাহলে বন্ধুদের সাথে শেয়ার করতে ভুলবেন না ।

ধন্যবাদ ।।



একটি মন্তব্য পোস্ট করুন

0 মন্তব্যসমূহ