<ul>
Misol
Tartiblanmagan HTML ro‘yxat:
<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
<ul> tegi tartiblanmagan (markerli) ro‘yxatni belgilaydi.
Tartiblanmagan ro‘yxatlar yaratish uchun <ul> tegidan <li> tegi bilan birga foydalaning.
Maslahat: Ro‘yxatlarni bezash uchun CSS’dan foydalaning.
Maslahat: Tartiblangan ro‘yxatlar uchun <ol> tegidan foydalaning.
Brauzerlarda qo‘llab-quvvatlash
| Element | |||||
|---|---|---|---|---|---|
| <ul> | Ha | Ha | Ha | Ha | Ha |
Global atributlar
<ul> tegi HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.
Hodisa atributlari
<ul> tegi HTML’dagi hodisa atributlarini ham qo‘llab-quvvatlaydi.
Ko‘proq misollar
Misol
Turli ro‘yxat uslubi turlarini o‘rnatish (CSS yordamida):
<ul style="list-style-type:circle">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul style="list-style-type:disc">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul style="list-style-type:square">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
O‘zingiz sinab ko‘ring »
Misol
Ro‘yxatlarda qator balandligini (line-height) oshirish va kamaytirish (CSS yordamida):
<ul style="line-height:180%">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul style="line-height:80%">
<li>Coffee</li>
<li>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: Ul obyekti
CSS darsligi: Ro‘yxatlarni bezash
Standart CSS sozlamalari
Ko‘pchilik brauzerlar <ul> elementini quyidagi standart qiymatlar bilan ko‘rsatadi:
Misol
ul {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1 em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!
