فهرست مرتب (Ordered Lists)
«فهرست مرتب (Ordered List)» با تگ <ol> ساخته می شود. هر مورد با <li> می آید. این فهرست شماره دار است. مثل لیست کارهای روزانه که ترتیب مهم است.
ساخت فهرست مرتب ساده
اول <ol> را بنویس. سپس چند <li> اضافه کن. مرورگر خودکار شماره می زند.
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
نوع شماره گذاری با ویژگی type
با ویژگی «type» روی تگ <ol> شکل شماره ها تعیین می شود: عددی، حروفی، یا رومی.
نکته: «اعداد رومی (Roman)» همان I, II, III و مانند آن هستند.
اعداد (type="1")
<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
حروف بزرگ (type="A")
<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
حروف کوچک (type="a")
<ol type="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
اعداد رومی بزرگ (type="I")
<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
اعداد رومی کوچک (type="i")
<ol type="i">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
شروع شمارش از عدد دلخواه
می خواهی از 50 شروع شود؟ ویژگی «start» را روی <ol> تنظیم کن.
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
فهرست های تو در تو (Nested)
می توانی داخل یک مورد، یک فهرست مرتب دیگر بگذاری. مثل فصل و زیرعنوان.
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>
Subtypes
<ol>
<li>Black tea</li>
<li>Green tea</li>
</ol>
</li>
<li>Milk</li>
</ol>
سه گام عملی
- با
<ol>اسکلت فهرست را بساز. - آیتم ها را با
<li>اضافه کن. - در صورت نیاز
typeوstartرا تنظیم کن.
برای ادامه مسیر، به صفحه فهرست ها و صفحه فهرست نامرتب سر بزن. همچنین فهرست مرتب را نشانک کن.
جمع بندی سریع
<ol>فهرست را شماره گذاری می کند.typeشکل شماره ها را تعیین می کند.startعدد شروع را عوض می کند.- می توانی فهرست ها را تو در تو بسازی.