درس سوم: لیست‌ها و دسته‌بندی هوشمندانه اطلاعات

⚫ ۱. لیست‌های نامرتب (Unordered Lists)

زمانی از این لیست استفاده می‌کنیم که ترتیب موارد اهمیتی نداشته باشد (مثل لیست خرید یا ویژگی‌های یک محصول). تگ اصلی این لیست <ul> است.

<ul>
    <li>زبان HTML</li>
    <li>زبان CSS</li>
    <li>زبان JavaScript</li>
</ul>

🔢 ۲. لیست‌های مرتب (Ordered Lists)

اگر ترتیب انجام مراحل یا رتبه‌بندی اهمیت دارد، از تگ <ol> استفاده می‌کنیم. در این حالت، مرورگر به صورت خودکار اعداد را در کنار هر آیتم درج می‌کند.

<ol>
    <li>یادگیری HTML</li>
    <li>تمرین کدهای درس</li>
    <li>ساخت اولین پروژه</li>
</ol>

📂 لیست‌های تو در تو (Nested Lists)

شما می‌توانید یک لیست را در دل لیست دیگری قرار دهید. این روش برای ساخت منوهای زیرمجموعه‌دار بسیار پرکاربرد است:

<ul>
    <li>برنامه‌نویسی وب
        <ul>
            <li>سمت کاربر (Frontend)</li>
            <li>سمت سرور (Backend)</li>
        </ul>
    </li>
</ul>

یک لیست مرتب (ol) بسازید که ۳ تا از مراحل بیدار شدن تا شروع به کار را نشان دهد. سپس در زیر آن، یک لیست نامرتب (ul) از ۳ وب‌سایت مورد علاقه خود بنویسید.