لیست‌ها برای نمایش مجموعه‌ای از آیتم‌ها (مثل فهرست، منو، مراحل کار و ...) استفاده می‌شوند.
HTML سه نوع لیست اصلی دارد:

1️⃣ لیست نامرتب (Unordered List)

برای نمایش آیتم‌ها بدون ترتیب (با ●، ○، ■) استفاده می‌شود.

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

🔸 خروجی:

• HTML

• CSS

• JavaScript

2️⃣ لیست مرتب (Ordered List)

برای نمایش آیتم‌ها با ترتیب مشخص (عدد، حروف، رومی و ...)

<ol>
  <li>مرحله اول</li>
  <li>مرحله دوم</li>
  <li>مرحله سوم</li>
</ol>

🔸 خروجی:

1. مرحله اول

2. مرحله دوم

3. مرحله سوم

👉 می‌توان نوع شماره‌گذاری را تغییر داد:

<ol type="A"> <!-- A, a, I, i -->
  <li>گزینه اول</li>
  <li>گزینه دوم</li>
</ol>

3️⃣ لیست توضیحی (Description List)

برای تعریف یا توضیح یک واژه یا عبارت استفاده می‌شود.

<dl>
  <dt>HTML</dt>
  <dd>زبان نشانه‌گذاری صفحات وب</dd>

  <dt>CSS</dt>
  <dd>استایل‌دهی و طراحی صفحات وب</dd>

  <dt>JavaScript</dt>
  <dd>زبان برنامه‌نویسی سمت کاربر</dd>
</dl>

🔸 خروجی:

• HTML: زبان نشانه‌گذاری صفحات وب

• CSS: استایل‌دهی و طراحی صفحات وب

• JavaScript: زبان برنامه‌نویسی سمت کاربر

📌 نکات مهم

• داخل هر <ul> یا <ol> فقط می‌توان از <li> استفاده کرد.

• می‌توان لیست‌ها را تو در تو (Nested Lists) ساخت:

<ul>
  <li>Frontend
    <ul>
      <li>HTML</li>
      <li>CSS</li>
    </ul>
  </li>
  <li>Backend</li>
</ul>