گاهی اوقات لازم میشه که گزینه های خود را بصورت عمودی و با شماره ویا بدون شماره دسته بندی کنیم، یعنی آن ها را لیست کنیم.
در این پست چگونگی ایجاد این لیست ها را بررسی خواهیم کرد.
انواع لیست ها:
1-لیست های مرتب: لیست هایی هستند که بصورت پیش فرض با اعداد ترتیب بندی شده است.
برای مثال:
- گزینه ی 1
- گزینه ی 2
- گزینه ی 3
2-لیست های نا مرتب:این لیست ها با شماره ترتیب بندی نشده اند بلکه تنها با نقطه ای سیاه علامت گذاری شده اند.
برای مثال:
- گزینه ی 1
- گزینه ی 2
- گزینه ی 3
برای ساختن چنین لیست هایی باید بصورت زیر عمل کنیم:
ابتدا تگ شروع لیست را می نویسیم( ol (یهنی ordered list) برای ایجاد لیست مرتب ،ul (یعنی unordered list) برای لیست نا مرتب):
<ul>
</ul>
سپس در داخل این تگ به تعداد گزینه های خود تگ li (یعنی list item) می گذاریم.
<ul>
<li></li>
<li></li>
<li></li>
</ul>
و در نهایت در داخل تگهای li گزینه های خود را می نویسیم:
<ul>
<li>گزینه ی 1</li>
<li>گزینه ی 2</li>
<li>گزینه ی 3</li>
</ul>
البته روند کار برای لیست های ol یا مرتب شده نیز بصورت بالا می باشد فقط باید بجای ul تگ ol را بگذارید.
حال خروجی ما بصورت زیر خواهد بود: