Ordered List

HTML Tartibli Ro'yxatlar

HTML <ol> tegi tartibli ro'yxatni belgilaydi. Tartibli ro'yxat raqamli yoki harfli bo'lishi mumkin.

Tartibli HTML Ro'yxati

Tartibli ro'yxat <ol> tegi bilan boshlanadi. Har bir ro'yxat elementi <li> tegi bilan boshlanadi.

Ro'yxat elementlari odatda raqamlar bilan belgilangan bo'ladi:

Misol:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Tartibli HTML Ro'yxati - Type Attribute

<ol> tegining type atributi ro'yxat elementi belgisining turini belgilaydi:

Misol - Raqamlar:

<ol type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Misol - Katta Harflar:

<ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Misol - Kichik Harflar:

<ol type="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Misol - Katta Rim Raqamlari:

<ol type="I">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Misol - Kichik Rim Raqamlari:

<ol type="i">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Ro'yxat Hisoblashni Nazorat Qilish

Standart bo'yicha, tartibli ro'yxat 1 dan hisoblaydi. Agar siz hisoblashni belgilangan raqamdan boshlashni xohlasangiz, start atributidan foydalanishingiz mumkin:

Misol:

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Ichki HTML Ro'yxatlar

Ro'yxatlar ichki ro'yxatlar bilan o'zaro bog'lanishi mumkin (ro'yxat ichida ro'yxat):

Misol:

<ol>
  <li>Coffee</li>
  <li>
    Tea
    <ol>
      <li>Black tea</li>
      <li>Green tea</li>
    </ol>
  </li>
  <li>Milk</li>
</ol>

Bobni Yig'ish

• HTML <ol> elementidan tartibli ro'yxatni belgilash uchun foydalaning.
• Ro'yxat elementlarini raqam, harf yoki rim raqamlari bilan belgilash uchun HTML type atributidan foydalaning.
• HTML <li> elementidan ro'yxat elementini belgilash uchun foydalaning.
• Ro'yxatlar ichki ro'yxatlar bilan o'zaro bog'lanishi mumkin.
• Ro'yxat elementlari boshqa HTML elementlarini o'z ichiga olishi mumkin.

HTML Mashqlari

Mashqlar orqali o'zingizni sinab ko'ring:

Mashq: Tartibli ro'yxatni tugating:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

HTML Ro'yxat Teglari