Sertifikat olingYANGIW3Schools ilovasiiOS va AndroidSarguzashtni boshlang

Tartiblangan ro‘yxatlar

HTML <ol> tegi tartiblangan ro‘yxatni aniqlaydi. Tartiblangan ro‘yxat raqamli yoki alifboviy bo‘lishi mumkin.

ULASHISH

Tartibli HTML ro‘yxat

Tartiblangan ro‘yxat <ol> tegi bilan boshlanadi. Har bir ro‘yxat elementi <li> tegi bilan boshlanadi.

Ro‘yxat elementlari standart bo‘yicha raqamlar bilan belgilanadi:

Misol

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
O‘zingiz sinab ko‘ring »

Tartibli HTML ro‘yxat — type atributi

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

Type Tavsif
type="1" Ro‘yxat elementlari raqamlar bilan raqamlanadi (standart)
type="A" Ro‘yxat elementlari katta harflar bilan raqamlanadi
type="a" Ro‘yxat elementlari kichik harflar bilan raqamlanadi
type="I" Ro‘yxat elementlari katta rim raqamlari bilan raqamlanadi
type="i" Ro‘yxat elementlari kichik rim raqamlari bilan raqamlanadi

Numbers

Numbers:

<ol type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
O‘zingiz sinab ko‘ring »

Katta harflar

Katta harflar:

<ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
O‘zingiz sinab ko‘ring »

Kichik harflar

Kichik harflar:

<ol type="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
O‘zingiz sinab ko‘ring »

Rim raqamlari - katta harflar

Katta rim raqamlari:

<ol type="I">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
O‘zingiz sinab ko‘ring »

Rim raqamlari - kichik harflar

Kichik rim raqamlari:

<ol type="i">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
O‘zingiz sinab ko‘ring »

Ro‘yxat hisobini boshqarish

Standart bo‘yicha, tartiblangan ro‘yxat 1 dan sanashni boshlaydi. Agar sanashni belgilangan raqamdan boshlamoqchi bo‘lsangiz, start atributidan foydalanishingiz mumkin:

Misol

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
O‘zingiz sinab ko‘ring »

Ichma-ich HTML ro‘yxatlar

Ro‘yxatlar ichma-ich bo‘lishi 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>
O‘zingiz sinab ko‘ring »

Eslatma: ro‘yxat bandi (<li>) ichida yangi ro‘yxat hamda rasm, havola kabi boshqa HTML elementlari bo‘lishi mumkin.

Bob xulosasi

  • Tartiblangan ro‘yxatni aniqlash uchun HTML <ol> elementidan foydalaning
  • Raqamlash turini belgilash uchun HTML type atributidan foydalaning
  • Ro‘yxat elementini aniqlash uchun HTML <li> elementidan foydalaning
  • Ro‘yxatlar ichma-ich bo‘lishi mumkin
  • Ro‘yxat elementlari boshqa HTML elementlarini o‘z ichiga olishi mumkin

HTML ro‘yxat teglari

Tag Tavsif
<ul> Tartiblanmagan ro‘yxatni belgilaydi
<ol> Tartiblangan ro‘yxatni belgilaydi
<li> Ro‘yxat elementini belgilaydi
<dl> Tavsiflar ro‘yxatini belgilaydi
<dt> Ta’riflar ro‘yxatidagi atamani belgilaydi
<dd> Ta’riflar ro‘yxatida atamani tavsiflaydi

Barcha mavjud HTML teglarining to‘liq ro‘yxati uchun HTML teglar ma’lumotnomamizga murojaat qiling.


‹ OrqagaKeyingisi

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tishKirish