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

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

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

لیست مرتب شده با برچسب <ol> شروع می شود. هر مورد از لیست با برچسب <li> شروع می شود.

موارد لیست به طور پیش فرض با شماره مشخص می شوند:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
امتحان کنید

 

ویژگی Type لیست مرتب شده

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

نوع توضیح
type="1" موارد لیست با شماره شماره گذاری می شوند (پیش فرض)
type="A" شماره لیست ها با حروف بزرگ شماره گذاری می شود
type="a" شماره لیست ها با حروف کوچک شماره گذاری می شود
type="I" موارد لیست با شماره های بزرگ رومی شماره گذاری می شوند
type="i" موارد لیست با شماره های کوچک رومی شماره گذاری می شوند

 

<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>
امتحان کنید

 

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

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

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
امتحان کنید

 

فهرست های HTML تو در تو

لیست ها را می توان تو در تو قرار داد (لیست داخل لیست):

<ol>
  <li>Coffee</li>
  <li>Tea
    <ol>
      <li>Black tea</li>
      <li>Green tea</li>
    </ol>
  </li>
  <li>Milk</li>
</ol>
امتحان کنید

 

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