> For the complete documentation index, see [llms.txt](https://cyberacademyuz.gitbook.io/w3schools/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cyberacademyuz.gitbook.io/w3schools/html/boshlash/royxatlar/tartiblanmagan-royxat.md). # Tartiblanmagan ro'yxat HTMLning \

Tartiblanmagan ro'yhat

` tegi ichida bo'ladi. Ro'yhatning har bir elementining oldida kichik qora aylana bo'ladi. ```html

Coffee
Tea
Milk

``` {% embed url="" %} ## Tartiblanmagan ro'yxat - Ro'yxat oldidagi belgilarni o'zgartirish Cssning `list-style-type` xususiyatidan foydalanib ro'yxat elementilarining oldidagi belgini o'zgartirishingiz mumkin. Uahbu xususiyatning qiymatlari quyidagilardir: | Qiymat | Tarif | | ------ | ------------------------------------------------ | | disc | Ro'yxat elementlarining standart belgi | | circle | Ro'yxat elementlariga aylana belgi qo'yadi | | square | Ro'yxat elementlariga kvadrat belgi qo'yadi | | none | Ro'yxat elementlaridan belgilarni olib tashlaydi | {% code title="Disc ga misol" %} ```html

Coffee
Tea
Milk

``` {% endcode %} {% embed url="" %} {% code title="Circle ga misol" %} ```html

Coffee
Tea
Milk

``` {% endcode %} {% embed url="" %} {% code title="Square ga misol" %} ```html

Coffee
Tea
Milk

``` {% endcode %} {% embed url="" %} {% code title="None ga misol" %} ```html

Coffee
Tea
Milk

``` {% endcode %} {% embed url="" %} ## HTMLdagi ichki ro'yxatlar Ro'yxatlar ichma ich ham bo'lishi mumkin (ro'yxat ichida ro'yxat) ```html

Coffee
Tea
- Black tea
- Green tea
Milk

``` {% embed url="" %} {% hint style="warning" %} **Eslatma**: Roʻyxat elementi (`

`) yangi roʻyxatni hamda rasmlar va havolalar kabi boshqa HTML elementlarini ham oʻz ichiga olishi mumkin. {% endhint %} ## CSS orqali gorizontal ro'yxat HTML ro'yxatlarini CSS yordamida turli xil ko'rinishga keltirish mumkin. Bulardan eng mashhuri - navbar yaratish uchun ro'yxatni gorizontal ko'rinishga keltirishdir ```html

Home
News
Contact
About

``` {% embed url="" %} {% hint style="warning" %} **Maslahat**: Bizning CSS o'quv qo'llanmamiz orqali CSS haqida ko'proq narsa o'rganishingiz mumkin. {% endhint %} ## Bo'lim xulosasi * Tartiblanmagan ro'yxat yaratish uchun `

`list-style-type`

` elementidan foydalaning * Ro'yxatlar ichma ich bo'lishi ham mumkin * Ro'yxat elementlari boshqa HTML elementlarini ham o'z ichiga olishi mumkin * Ro'yxatni gorizontal qilish uchun CSSning `float:left` xususiyatidan foydalaning | Teg | Tarif | | ----- | ------------------------------------------------ | | \

| Ro'yxat elementlarini belgilaydi | | \
| Tariflar ro'yxatini belgilaydi | | \
| Ta'riflar ro'yxatidagi atamani belgilaydi | | \
| Ta'riflar ro'yxatidagi atama tarifini belgilaydi |