5-dars - Ro'yhatlar tuzish

 Ro'yhatlar tuzish

Sahifada matndagi ayrim elementlarni ro'yhatlangan tartibda yozish qiyin emas va bundan tashqari o'quvchi matn bilan tanishib chiqishida qulayliklar yaratib beradi. Siz huddi Microsoft Word matn tahrirlash dasturida ro'yhatlarni qanday tuzsangiz huddi shu ko'rinishda HTML hujjatda ham maxsus teglar yordamida belgilash imkoniga egasiz.
Bu bo'limda ro'yhatlangan tartibda matnni kiritish usullari bilan tanishib chiqamiz:
<RO'YHATNI OCHUVCHI TEG>

<Ro'yhat elementining tegi> Matn
<Ro'yhat elementining tegi> Matn
<Ro'yhat elementining tegi> Matn

</RO'YHATNI YOPUVCHI TEG>

Ro'yhatlangan matn ko'rinishi:

Tartiblangan ro'yhat:
Ro'yhat elementi 1
Ro'yhat elementi 1
Ro'yhat elementi 1
Tartiblanmagan ro'yhat:
Ro'yhat elementi 1
Ro'yhat elementi 1
Ro'yhat elementi 1
Matn ro'yhatini belgilovchi teglar tarkibida siz HTMLning boshqa mant tahrirlash uchun qo'llaniluvchi teglarini ishlatishuingiz mumkin.
"Ro'yhatlar tuzish - ro'yharni tartiblash"
Matn bo'laklarini tartiblashda sonlar yoki harflar bilan belgilash mumkin. Shuningdek ayni jarayonda simvollardan ham foydalanish imkoni mavjud. Bu haqda keyinroq to'htalib o'tamiz.
Matn bo'laklarini tartiblashda <OL> ochuvchi va </OL> yopuvchi teglaridan foydalaniladi. Ushbu teglar ichida tartiblanivchi matin oldiga <LI> komandasi yoziladi. <OL> tegining yagona qo'shimcha o'lchami TYPE bo'lib, u tartiblovchi belgi ko'rinishini aniqlab beradi.
Arab sonlari bilan belgilash:
<OL TYPE=1>
<LI> Matn 1
<LI> Matn 2
<LI> Matn 3
</OL>

Natija:
Matn 1
Matn 2
Matn 3
Rim sonlari bilan belgilash:
<OL TYPE=I>
<LI> Matn 1
<LI> Matn 2
<LI> Matn 3
</OL>
Natija:
Matn 1
Matn 2
Matn 3
Rim harflari bilan belgilash:
<OL TYPE=i>
<LI> Matn 1
<LI> Matn 2
<LI> Matn 3
</OL>

Natija:
Matn 1
Matn 2
Matn 3
Alfabitning bosh harfalar bilan belgilash:
<OL TYPE=A>
<LI> Matn 1
<LI> Matn 2
<LI> Matn 3
</OL>

Matija:
Matn 1
Matn 2
Matn 3
Alfabitning kichik harflar bilan belgilash:
<OL TYPE=a>
<LI> Matn 1
<LI> Matn 2
<LI> Matn 3
</OL>

Natija:
Matn 1
Matn 2
Matn 3
"Ro'yhat tuzish - tartiblanmagan ro'yhat"
Tartiblanmagan ro'yhat tuzishda <UL>, va </UL> yopuvchi teglaridan foydalaniladi. Ro'yhat ichidagi tartib <LI> komandasi bilan belgilanadi. <UL> tegi uchun ham TYPE o'lchami ishlatiladi. TYPE o'lchami 3 xil turdagi royhat kirita oladi:
Doirasimon belgi yordamida tartiblash:
<UL TYPE=circle>
<LI> Matn 1
<LI> Matn 2
<LI> Matn 3
</UL>

Natija:
Matn 1
Matn 2
Matn 3
Nuqdasimon belgi yordamida tartiblash:
<UL TYPE=disc>
<LI> Matn 1
<LI> Matn 2
<LI> Matn 3
</UL>

Natija:
Matn 1
Matn 2
Matn 3
To'g'ri to'rtburchak simon belgi yordamida tartiblash:
<UL TYPE=square>
<LI> Matn 1
<LI> Matn 2
<LI> Matn 3
</UL>

Natija:
Matn 1
Matn 2
Matn 3
"Ro'yhat tuzish - aniqlashtiruvchi ro'yhatlar"
Aniqlashtiruvchi ro'yhat va uning izohidan iborat mantni tartibli tuzish uchun bir-nacha teglar ishlatiladi.
Aniqlashtiruvchi ro'yhatni <DL> ochuvchi va </DL> yopuvchi tegi yordamida amalga oshriladi. Aniqlashtiruvchi ro'yhat nomi <DT> tegidan so'ng yoziladi va uni izohlovchi matn esa <DD> tegidan so'ng kiritiladi. <DL> tegi qo'shimcha o'lchamlarga ega emas.
Aniqlashtiruvchi ro'yhat:
<DL>
<DT> Aniqlashtiruvchi asosiy so'z yoki jumla
<DD> Izoh beruvchi matn
</DL>