آموزش HTML

برای ایجاد لیست های نامرتب یعنی لیست هایی که ترتیب اولویت آن ها مهم نمی باشد از تگ UL که مخفف Unordered List می باشد، به شکل زیر استفاده می کنیم.

<ul> <li>سیب</li> <li>انار</li> </li>هلو</li> </ul>

که خروجی آن به شکل زیر خواهد بود.

  • سیب
  • انار
  • هلو

همانطور که می بینید بجای عدد و یا حروف الفبا فقط یک شکل دایره قبل از هر آیتم قرار گرفته است که نشان میدهد هیچکدام از آیتم ها بر دیگری اولویت ندارد.

شکل قبل از هر آیتم می تواند دایره، دایره تو پر، مربع و خالی باشد که در خصوصیت استایل list-style-type به شکل زیر قرار می گیرد:

<ul style="list-style-type:disc"> <li>آیتم 1</li> <li>آیتم 2</li> <li>آیتم 3</li> </ul> یا <ul> <li style="list-style-type:disc;">آیتم 1</li> <li style="list-style-type:disc;">آیتم 2</li> <li style="list-style-type:disc;">آیتم 3</li> </ul>

بعدا درباره شیوه استفاده راحت تر از خصوصیت های css مفصل تر توضیح داده خواهد شد.

مقدارخروجی
circle
  • خروجی
disc
  • دایره تو پر
square
  • مربع
none
  • خالی