مورد فهرست (li)
«مورد فهرست (List Item)» یعنی هر خط از یک فهرست. با «مورد فهرست» داخل «فهرست مرتب (ol)» یا «نامرتب (ul)» آیتم ها را می نویسیم. در ol معمولاً شماره می بینی. در ul معمولاً نقطه می بینی.
تعریف و کاربرد مورد فهرست
طبق منبع، تگ <li> یک آیتم در فهرست است. این تگ داخل <ol>، <ul> و <menu> استفاده می شود.
مثال پایه: ol و ul
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
ویژگی value فقط در فهرست مرتب
ویژگی «value» شروع شماره همان آیتم را تعیین می کند. آیتم های بعدی ادامه می یابند.
<ol>
<li value="100">Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
تغییر نوع نشانه ها با CSS
می توان نوع شماره یا نقطه را با CSS عوض کرد. مثلاً مربع یا حروف.
<ol>
<li>Coffee</li>
<li style="list-style-type:lower-alpha">Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li style="list-style-type:square">Tea</li>
<li>Milk</li>
</ul>
فهرست تودرتو
می توان داخل یک <li> یک فهرست دیگر گذاشت. این می شود تودرتو.
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
نمونه تودرتوی پیچیده تر
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea
<ul>
<li>China</li>
<li>Africa</li>
</ul>
</li>
</ul>
</li>
<li>Milk</li>
</ul>
مقدار پیش فرض CSS
طبق منبع، li به صورت «list-item» نمایش داده می شود.
li {
display: list-item;
}
گام های تمرینی سریع
- یک
<ul>بساز و سه<li>اضافه کن. - یک
<ol>بساز و برای یکی value بگذار. - نوع نشانه را با
list-style-typeتغییر بده.
نکته: برای استایل فهرست ها از CSS کمک بگیر.
لینک های داخلی مرتبط
مورد فهرست را کنار ol و ul تمرین کن. برای منوها نیز menu را ببین.
جمع بندی سریع
<li>آیتم فهرست را می سازد.- داخل
<ol>یا<ul>می آید. - ویژگی
valueفقط برای<ol>است. - استایل نشانه ها با CSS قابل تغییر است.