Html listlar (by o`zbekdasturchi)
@ozbekdasturch
Ro'yxatlar
HTMLda roʻyxatlarning ikki turi mavjud: tartiblangan va tartibsiz.
<ul> tegi yordamida tartibsiz ro'yxat tuziladi.
Tartibsiz ro'yxat ichkarida belgilangan narsalardan tuziladi.
Roʻyxat tegi atribut yordamida formatlanishi mumkin, turi = " ", yaʼni <ol type = " "> <li> ...... </li> </ol> Qoʻshtirnoq ichida siz ikkalasini ham ishlatishingiz mumkin. Rim raqamlari (i, ii, iii, iv, va hokazo) kichik yoki katta harflarda va siz alifboni kichik yoki katta harflarda ham ishlatishingiz mumkin.
<li> tegi ro'yxat elementini belgilaydi. <li> tegi tartiblangan roʻyxatlar (<ol>), tartibsiz roʻyxatlar (<ul>) va menyu roʻyxatlari (<menu>) ichida qoʻllaniladi. <ul> va <menyu> da ro'yxat elementlari odatda o'q nuqtalari bilan ko'rsatiladi. <ol> da ro'yxat elementlari odatda raqamlar yoki harflar bilan ko'rsatiladi.
Ro'yxatlar
Har bir ro'yxat elementi <li> tegi yordamida yaratiladi.
Bu erda xarid qilinadigan mahsulotlarning namunaviy ro'yxati:
Ko'rib turganingizdek, elementlar <ul></ul> teglar orasiga qo'yilgan.
<ul> ham, <ol> ham o'z elementlari uchun <li> dan foydalanadi. Ro'yxat elementi boshqa elementlarni o'z ichiga olishi mumkin, masalan, havolalar, matn formatlash va boshqalar.
O'zingizga yoqqan o'q turini belgilash uchun <ul> tegi uchun type atributidan foydalanishingiz mumkin. Odatiy bo'lib, bu diskdir. <ul turi = "kvadrat"> <ul turi = "disk"> <ul turi = "doira">
Tartiblangan roʻyxatda elementlar uchun oʻq oʻrniga raqamlar qoʻllaniladi.
U tartiblanmagan roʻyxatga oʻxshash yaratilgan va elementlarni oʻrash uchun <ul> oʻrniga <ol> tegidan foydalanadi:
Bu raqamlangan nomlar ro'yxatini yaratadi.
Ro'yxatlar boshqa ro'yxatlar ichiga joylashtirilishi mumkin.
Esda tutingki, roʻyxat elementlari <li> </li> teglari bilan ochilishi va yopilishi va haqiqiy roʻyxat yaratish uchun <ul> yoki <ol> teglari bilan oʻralgan boʻlishi kerak.
"Sukut bo'yicha" tartiblangan ro'yxatlar butun sonlardan foydalanadi, lekin siz ro'yxatni katta yoki kichik harf bilan Rim raqamlariga o'zgartirishingiz mumkin.
Keyingi darslarda uchrashguncha...
Good bay ..