فهرست مرتب (ol)
«فهرست مرتب (Ordered List)» لیستی با ترتیب عددی یا حرفی است. هر «آیتم (Item)» یک مورد از لیست است. با تگ «ol» فهرست می سازیم و با «li» آیتم ها را تعریف می کنیم.
تگ ol چیست؟
تگ «ol» یک فهرست شماره دار می سازد. تگ «li» هر مورد را می سازد. همچنین می توانیم نوع شماره گذاری یا عدد شروع را تعیین کنیم.
نمونه: فهرست ساده
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
نمونه: شروع از عدد دلخواه (start)
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
نمونه: شمارش معکوس (reversed)
<ol reversed>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
نمونه: فهرست تو در تو
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol>
<li>Tea</li>
<li>Types</li>
<li>
Tea kinds
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
</ol>
مقادیر پیش فرض CSS برای ol
<style>
ol {
display: block;
list-style-type: decimal;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}
<\/style>
نکته: برای ظاهر فهرست از CSS کمک بگیر. مثلا نوع شماره گذاری را تغییر بده.
راهنمای سریع قدم به قدم
- تگ <ol> را بساز.
- چند <li> اضافه کن.
- در صورت نیاز، start یا reversed بده.
- با CSS استایل را تنظیم کن.
جمع بندی سریع
- «فهرست مرتب» با تگ ol ساخته می شود.
- هر مورد با li تعریف می شود.
- start عدد شروع را تعیین می کند.
- reversed شمارش را معکوس می کند.
- استایل ها را با CSS تغییر بده.