HTML Lists (তালিকা)

লেসন ৯ / ৪৪

HTML তালিকার ধরন

১. Unordered List (bullet)

<ul>
    <li>আম</li>
    <li>জাম</li>
    <li>কাঁঠাল</li>
</ul>

Output: • আম • জাম • কাঁঠাল

২. Ordered List (সংখ্যা)

<ol>
    <li>প্রথম ধাপ</li>
    <li>দ্বিতীয় ধাপ</li>
    <li>তৃতীয় ধাপ</li>
</ol>

<!-- বিভিন্ন type -->
<ol type="A">   <!-- A, B, C -->
<ol type="a">   <!-- a, b, c -->
<ol type="I">   <!-- I, II, III -->
<ol start="5"> <!-- ৫ থেকে শুরু -->
<ol reversed>  <!-- উল্টো -->

৩. Description List

<dl>
    <dt>HTML</dt>
    <dd>ওয়েবপেজের কাঠামো তৈরি করে</dd>
    <dt>CSS</dt>
    <dd>স্টাইল ও ডিজাইন যোগ করে</dd>
    <dt>JavaScript</dt>
    <dd>ইন্টারঅ্যাকশন যোগ করে</dd>
</dl>

Nested List (লিস্টের ভিতরে লিস্ট)

<ul>
    <li>Frontend
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
        </ul>
    </li>
    <li>Backend
        <ul>
            <li>PHP</li>
            <li>Node.js</li>
        </ul>
    </li>
</ul>