HTML Lists

۱. لیست مرتب (Ordered List) – تگ <ol>

از این نوع لیست زمانی استفاده می‌شود که ترتیب آیتم‌ها اهمیت دارد (لیست شماره‌دار).

مثال:

<ol>

         <li>آیتم اول</li>

         <li>آیتم دوم</li>

         <li>آیتم سوم</li>

</ol>

خروجی:

1. آیتم اول

2. آیتم دوم

3. آیتم سوم

۲. لیست نامرتب (Unordered List) – تگ <ul>

برای آیتم‌هایی که ترتیب آن‌ها مهم نیست (لیست با علامت گلوله یا نقطه).

مثال:

<ul>

       <li>سیب</li>

       <li>موز</li>

       <li>گیلاس</li>

</ul>

خروجی:

• سیب

• موز

• گیلاس

۳. لیست توضیحی (Description List) – تگ <dl>

برای نمایش جفت‌های واژه و توضیح (مانند فرهنگ لغت یا سوالات متداول).

مثال:

<dl>

      <dt>HTML</dt>

       <dd>زبان نشانه‌گذاری ابرمتن</dd>

<dt>CSS</dt>

<dd>برگه‌های سبک آبشاری</dd>

</dl>

خروجی:

HTML
  زبان نشانه‌گذاری ابرمتن
CSS
  برگه‌های سبک آبشاری

تو در تو کردن لیست‌ها

شما می‌توانید لیست‌ها را درون یکدیگر قرار دهید (مثلاً یک <ul> داخل یک <li>).

مثال:

<ul>

          <li>میوه‌ها</li>

<ul>

          <li>سیب</li>

          <li>موز</li>

</ul>

</li>

         <li>سبزیجات</li>

</ul>