لیست‌های HTML

HTML از لیست‌های مرتب، نامنظم و تعریف شده پشتیبانی می‌کند

مثال

لیست‌های نامنظم
این مثال به نمایش گذاشتن لیست‌های نامنظم می‌پردازد.
لیست مرتب
این مثال به نمایش گذاشتن لیست‌های مرتب می‌پردازد.

（مثال‌های بیشتری می‌توانید در پایین صفحه پیدا کنید。）

لیست‌های نامنظم

لیست‌های نامنظم یک لیست از پروژه‌ها هستند، که این آیتم‌ها با نقطه‌های سیاه و ضخیم (نقطه‌های سیاه کوچک) مشخص می‌شوند.

لیست‌های نامنظم از برچسب <ul> آغاز می‌شوند. هر آیتم لیست از <li> آغاز می‌شود.

<ul>
<li>قهوه</li>
<li>شیر</li>
</ul>

مرورگر به این صورت نمایش می‌دهد:

  • قهوه
  • شیر

در داخل موارد لیست می‌توان از پاراگراف، خط‌کشی، تصاویر، لینک‌ها و سایر لیست‌ها و غیره استفاده کرد.

لیست مرتب

همانطور که گفته شد، لیست‌های منظم نیز یک مجموعه از موارد هستند که با استفاده از اعداد برای برچسب‌گذاری آن‌ها استفاده می‌شود.

لیست‌های منظم با تگ <ol> شروع می‌شوند. هر مورد لیست با تگ <li> شروع می‌شود.

<ol>
<li>قهوه</li>
<li>شیر</li>
</ol>

مرورگر به این صورت نمایش می‌دهد:

  1. قهوه
  2. شیر

در داخل موارد لیست می‌توان از پاراگراف، خط‌کشی، تصاویر، لینک‌ها و سایر لیست‌ها و غیره استفاده کرد.

لیست تعریف شده

لیست‌های تعریف شده نه تنها یک مجموعه از موارد است، بلکه ترکیبی از موارد و توضیحات آن‌ها است.

لیست‌های تعریف شده با تگ <dl> شروع می‌شوند. هر مورد لیست تعریف شده با <dt> شروع می‌شود. هر تعریف مورد لیست تعریف شده با <dd> شروع می‌شود.

<dl>
<dt>قهوه</dt>
<dd>نوشیدنی داغ سیاه</dd>
<dt>شیر</dt>
<dd>نوشیدنی سرد سفید</dd>
</dl>

مرورگر به این صورت نمایش می‌دهد:

قهوه
نوشیدنی داغ سیاه
شیر
نوشیدنی سرد سفید

در داخل موارد لیست تعریف شده می‌توان از پاراگراف، خط‌کشی، تصاویر، لینک‌ها و سایر لیست‌ها و غیره استفاده کرد.

مثال‌های بیشتر

لیست‌های غیرمنظم مختلف
این مثال یک لیست غیرمنظم را نشان می‌دهد.
لیست‌های منظم مختلف
این مثال لیست‌های منظم مختلف را نشان می‌دهد.
لیست تو در تو
این مثال نحوه تو در تو کردن لیست‌ها را نشان می‌دهد.
لیست تو در تو 2
این مثال یک لیست پیچیده‌تر از لیست‌های تو در تو را نشان می‌دهد.
لیست تعریف شده
این مثال یک لیست تعریف شده را نشان می‌دهد.

تگ‌های لیست

تگ توضیح
<ol> تعریف لیست‌های منظم.
<ul> تعریف لیست‌های غیرمنظم.
<li> تعریف موارد لیست تعریف شده.
<dl> تعریف لیست تعریف شده.
<dt> تعریف تعریف شده پروژه.
<dd> تعریف توضیحات تعریف شده.
<dir> استفاده شده است. از <ul> به جای آن استفاده کنید.
<menu> استفاده شده است. از <ul> به جای آن استفاده کنید.