<li>
Misol
Bitta tartiblangan (<ol>) va bitta tartiblanmagan (<ul>) HTML ro‘yxat:
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
<li> tegi ro‘yxat elementini belgilaydi.
<li> tegi tartiblangan ro‘yxatlar (<ol>), tartiblanmagan ro‘yxatlar (<ul>) va menyu ro‘yxatlari (<menu>) ichida ishlatiladi.
<ul> va <menu> da ro‘yxat elementlari odatda markerlar bilan ko‘rsatiladi.
<ol> da ro‘yxat elementlari odatda raqamlar yoki harflar bilan ko‘rsatiladi.
Maslahat: Ro‘yxatlarni bezash uchun CSS’dan foydalaning.
Brauzerlarda qo‘llab-quvvatlash
| Element | |||||
|---|---|---|---|---|---|
| <li> | Ha | Ha | Ha | Ha | Ha |
Atributlar
| Atribut | Qiymat | Tavsif |
|---|---|---|
| value | number | Faqat <ol> ro‘yxatlari uchun. Ro‘yxat elementining boshlang‘ich qiymatini belgilaydi. Keyingi ro‘yxat elementlari shu sondan boshlab ortib boradi |
Global atributlar
<li> tegi HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.
Hodisa atributlari
<li> tegi HTML’dagi hodisa atributlarini ham qo‘llab-quvvatlaydi.
Ko‘proq misollar
Misol
Tartiblangan ro‘yxatda value atributidan foydalanish:
<ol>
<li value="100">Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>
O‘zingiz sinab ko‘ring »
Misol
Turli ro‘yxat uslubi turlarini o‘rnatish (CSS yordamida):
<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>
O‘zingiz sinab ko‘ring »
Misol
Ro‘yxat ichida ro‘yxat yaratish (ichma-ich ro‘yxat):
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
O‘zingiz sinab ko‘ring »
Misol
Murakkabroq ichma-ich ro‘yxat yaratish:
<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>
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
HTML darsligi: HTML ro‘yxatlar
HTML DOM ma’lumotnomasi: Li obyekti
CSS darsligi: Ro‘yxatlarni bezash
Standart CSS sozlamalari
Ko‘pchilik brauzerlar <li> elementini quyidagi standart qiymatlar bilan ko‘rsatadi:
li {
display: list-item;
}
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!