لیست های مرتب در HTML

لیست‌های مرتب در HTML

تگ <ol> در HTML یک لیست مرتب رو تعریف می‌کنه. یک لیست مرتب می‌تونه عددی یا حروفی باشه.

لیست مرتب HTML

یک لیست مرتب با تگ <ol> شروع میشه. هر آیتم لیست با تگ <li> آغاز میشه. آیتم‌های لیست به صورت پیش‌فرض با اعداد مشخص می‌شن:

مثال:

<ol>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ol>

لیست مرتب HTML - ویژگی Type

ویژگی type در تگ <ol>، نوع نشانگر آیتم لیست رو تعریف می‌کنه:

اعداد

<ol type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

حروف بزرگ انگلیسی

<ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

حروف کوچک انگلیسی

<ol type="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

اعداد رومی - بزرگ

<ol type="I">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

اعداد رومی - کوچک

<ol type="i">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

کنترل شمارش لیست

به صورت پیش‌فرض، یک لیست مرتب از عدد ۱ شروع به شمارش می‌کنه. اگه می‌خواید شمارش از یک عدد مشخص شروع بشه، می‌تونید از ویژگی start استفاده کنید:

مثال:

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

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

لیست‌ها می‌تونن تودرتو باشن (یعنی یک لیست داخل لیست دیگه):

مثال:

<ol>
    <li>Coffee</li>
    <li>Tea
        <ol>
            <li>Black tea</li>
            <li>Green tea</li>
        </ol>
    </li>
    <li>Milk</li>
</ol>

نکته: یک آیتم لیست (<li>) می‌تونه شامل یک لیست جدید، و سایر عناصر HTML مثل تصاویر و لینک‌ها و غیره باشه.

خلاصه فصل

• از عنصر <ol> HTML برای تعریف یک لیست مرتب استفاده کنید.

• از ویژگی type HTML برای تعریف نوع شماره‌گذاری استفاده کنید.

• از عنصر <li> HTML برای تعریف یک آیتم لیست استفاده کنید.

• لیست‌ها می‌تونن تودرتو باشن.

• آیتم‌های لیست می‌تونن شامل عناصر HTML دیگه باشن.

تگ‌های لیست HTML