Sub-moddalar bilan raqamlangan html ro'yxati. HTML: raqamlangan va markirovka qilingan ro'yxat
HTMLda barcha teglar to'plami ro'yxatlarni tashkil qilish uchun javobgardir, ularning tashkil etilishi ma'lumotlarni tuzilishning ma'lum qoidalariga mos kelishi kerak.
HTML standartining beshinchi versiyasi 3 turdagi ro'yxatlarni qo'llab-quvvatlaydi: raqamlangan ro'yxatlar, markirovka qilingan ro'yxatlar va ta'riflar ro'yxati. Shuningdek, u roʻyxatlarni bir-biriga joylashtirish, koʻp darajali roʻyxatlarni yaratish imkonini beradi.
Raqamlangan ro'yxat
Raqamlangan ro'yxat- bu ma'lum bir ketma-ketlikka ega bo'lgan elementlar to'plami (ro'yxat elementlari). Raqamlangan ro'yxatdagi har bir elementda elementning ro'yxatdagi boshqa elementlarga nisbatan paydo bo'lish tartibini ko'rsatadigan noyob marker mavjud. Odatiy bo'lib, raqamlangan ro'yxat elementi belgilari raqamlardir. Birinchi element 1 raqami, ikkinchisi 2 va hokazo.
Raqamli ro'yxatlarning eng keng tarqalgan namunalari turli xil idishlarni tayyorlash uchun retseptlardir. Har qanday retsepti aniq harakatlar ketma-ketligi bilan raqamlangan ro'yxat bo'lgani uchun.
HTMLda raqamlangan ro'yxatlar yaratish uchun tegdan foydalaning
- , uning ichida ma'lumotlarga ega ro'yxat elementlari joylashgan. Har bir ro'yxat elementi teg yordamida ko'rsatiladi
- :
Raqamlangan ro'yxat:
- Kofe
- Choy
- Sut
Eslatma: teg
- faqat asosiy elementlar sifatida teglarni o'z ichiga olishi mumkin
- , ya'ni raqamlangan ro'yxatning barcha mazmuni elementlarning ichiga joylashtirilishi kerak
- . teg
- , o'z navbatida, kontentda hech qanday cheklovlar yo'q, shuning uchun siz unga paragraflar, rasmlar, havolalar, jadvallar, boshqa ro'yxatlar va hokazolarni joylashtirishingiz mumkin.
Belgilangan roʻyxat
Belgilangan roʻyxat- bular raqamlanmagan, ya'ni ketma-ketligi muhim bo'lmagan elementlarning tartibsiz ro'yxatlari. Barcha markirovka qilingan ro'yxat elementlari bir xil o'qlarga ega va sukut bo'yicha ular kichik qora doiralar sifatida ko'rinadi.
HTMLda markirovka qilingan roʻyxatlar yaratish uchun tegdan foydalaning
- , uning ichida ro'yxat elementlarining o'zi joylashgan (raqamlangan ro'yxatlarda bo'lgani kabi, teg
- ro'yxatning barcha ko'rsatilgan mazmunini o'z ichiga oladi):
Belgilangan roʻyxat:
- Kofe
- Choy
- Sut
Markerlarning turlari
Raqamlangan roʻyxat punktlarining turlarini type atributi yordamida oʻzgartirish mumkin. Ushbu atribut besh turdagi markerlarni qo'llab-quvvatlaydi:
Belgilangan roʻyxatlar turi atributiga ega emas, shuning uchun siz HTML yordamida markirovka qilingan roʻyxat uchun marker turini oʻzgartira olmaysiz. Marker turini o'zgartirish uchun, bu holda, CSS xususiyatidan foydalanishingiz mumkin list-style-type , uning yordamida standart qiymatdan tashqari yana ikkita marker turini tanlashingiz mumkin: doira yoki kvadrat .
Ro'yxat belgilarini o'zgartirish:
Sahifa sarlavhasi type="a" atributli raqamlangan ro'yxat:
- Olmalar
- Bananlar
- Limonlar
type="I" atributli raqamlangan ro'yxat:
- Olmalar
- Bananlar
- Limonlar
Belgilangan ro'yxat belgilarining turlari:
- Olmalar
- Bananlar
- Limonlar
- Olmalar
- Bananlar
- Limonlar
CSS xususiyati list-style-type , markerli roʻyxatlar uchun markerlar turlariga qoʻshimcha ravishda, raqamlangan roʻyxatlar uchun koʻplab turdagi markerlarga ega. Ammo bitta standart turdagi markerni boshqasiga o'zgartirish har doim ham chiroyli ro'yxat yaratish uchun etarli emas. Ro'yxatlarni loyihalash uchun faqat markerning ko'rinishini o'zgartirishga emas, balki markerlarni rasmlar bilan almashtirishga, ularning joylashishini nazorat qilishga va chekinishni boshqarishga imkon beruvchi CSS-dan foydalanish yaxshiroqdir. Bularning barchasini qanday qilishni ko'rishingiz mumkin.
Gorizontal ro'yxat
Agar siz gorizontal menyu yaratish uchun HTML ro'yxatidan foydalanayotgan bo'lsangiz, ro'yxat elementlarini bir qatorda ketma-ket joylashtirishingiz kerak bo'ladi. Buni HTML yordamida amalga oshirish mumkin emas, shuning uchun siz CSS-dan foydalanishingiz kerak bo'ladi.
Gorizontal roʻyxat yaratish uchun siz foydalanmoqchi boʻlgan boshqa xususiyatlarga qarab inline yoki inline-block qiymatiga ega roʻyxat elementlari uchun CSS koʻrsatish xususiyatini oʻrnatishingiz kerak.
Sahifa sarlavhasi Raqamlangan ro'yxat
- Olmalar
- Bananlar
- Limonlar
Belgilangan roʻyxat:
- Olmalar
- Bananlar
- Limonlar
Shundan so'ng, barcha ro'yxat elementlari bitta qatorga joylashtiriladi. E'tibor bering, o'qlar ro'yxat elementlaridan yo'qoladi va ular orasida hatto bo'sh joy ham qolmaydi, lekin ro'yxatning chap chegarasi qoladi.
Gorizontal ro'yxatni gorizontal menyuga qanday aylantirishni ko'rishingiz mumkin.
Raqamlangan ro'yxatlar seriya raqamlari ko'rsatilgan elementlar to'plamidir. Raqamlash turi va turi element parametrlariga bog'liq
- , bu ro'yxatni yaratish uchun ishlatiladi. Quyidagi qiymatlar raqamlash elementlari sifatida xizmat qilishi mumkin:
- Arab raqamlari (1, 2, 3, ...);
- O'ndan kichik raqamlar uchun bosh nol bilan arab raqamlari (01, 02, 03, ...,10);
- bosh lotin harflari (A, B, C, ...);
- kichik lotin harflari (a, b, c, ...);
- katta rim raqamlari (I, II, III, ...);
- kichik Rim raqamlari (i, ii, iii, ...);
- arman raqamlash;
- Gruziya raqamlash.
- . Qiymat har qanday musbat butun sondir. Ro'yxat sifatida lotin harflari ishlatilsa ham, raqamlashning qaysi turi o'rnatilganligi muhim emas. Agar ro'yxatda bir vaqtning o'zida boshlang'ich va qiymat atributlari qo'llanilsa, ikkinchisi ustunlikka ega bo'ladi va raqamlash 1-misolda ko'rsatilganidek, qiymat bilan ko'rsatilgan raqamdan ko'rsatiladi.
1-misol: Ro'yxat raqamlashni o'zgartirish
Ro'yxatlar - Ish joyingizga yaxshi g'amxo'rlik qilishingiz kerak.
- Xonadagi yoritishni yorug'lik manbai operatorning yon tomonida yoki orqasida joylashgani uchun sozlang.
- Tibbiy asoratlardan qochish uchun yumshoq o'rindiqli stulni tanlash tavsiya etiladi.
Ushbu misoldagi ro'yxatning birinchi elementi rim raqami IV bilan boshlanadi, chunki start="4" atributi ko'rsatilgan, keyin V raqami keladi va oxirgi element tartibdan chiqib, X raqami bilan belgilanadi (rasm). 1).
Guruch. 1. Ro'yxatdagi rim raqamlari
Raqamlarni yozish
Odatiy bo'lib, raqamlangan ro'yxat ma'lum bir ko'rinishga ega: birinchi navbatda raqam, keyin nuqta, shundan so'ng matn bo'sh joy bilan ajratilgan holda ko'rsatiladi. Yozishning ushbu shakli vizual va qulaydir, ammo ba'zi ishlab chiquvchilar ro'yxatlarni raqamlashni loyihalashning boshqa usulini ko'rishni afzal ko'rishadi. Ya'ni, nuqta o'rniga rasmda ko'rsatilganidek, yopish qavs mavjud. 2 yoki shunga o'xshash narsa.
Guruch. 2. Qavs bilan raqamlangan ro'yxat ko'rinishi
Uslublar kontent va teskari o'sish xususiyatlaridan foydalangan holda ro'yxat raqamlash turini o'zgartirishga imkon beradi. Birinchidan, ol selektori qarshi qayta o'rnatishga o'rnatilishi kerak : element , bu har bir yangi ro'yxatdagi raqamlash yangidan boshlanishi uchun kerak. Aks holda, raqamlash davom etadi va 1,2,3 o'rniga 5,6,7 ni ko'rasiz. Ob'ekt qiymati hisoblagich uchun noyob identifikator bo'lib, uni o'zimiz tanlaymiz. Keyin asl markerlarni list-style-type uslubi xususiyati orqali none qiymati bilan yashirishingiz kerak.
Kontent xususiyati odatda ::after va ::befor psevdoelementlar bilan birgalikda ishlaydi. Shunday qilib, qurilishdan oldin li:: ro'yxatning har bir elementi oldiga ba'zi tarkib qo'shilishi kerakligini aytadi (2-misol).
Misol 2. O'z raqamlashni yaratish
Li::oldin ( mazmuni: counter(element) ") "; /* Raqamlarga qavs qo'shing */ counter-increment: item; /* Hisoblagich nomini belgilang */ )
Qiymat hisoblagichi (elementi) bo'lgan kontent xususiyati raqamni ko'rsatadi; Ushbu misolda ko'rsatilganidek, qavs qo'shish orqali biz kerakli raqamlash turini olamiz. ro'yxat sonini bittaga oshirish uchun qarama-qarshi o'sish kerak. E'tibor bering, item deb nomlangan bir xil identifikator butun vaqt davomida ishlatiladi. Yakuniy kod 3-misolda ko'rsatilgan.
3-misol: Ro'yxat ko'rinishini o'zgartirish
Ro'yxatlar - Birinchidan
- Ikkinchi
- Uchinchi
- To'rtinchi
Yuqoridagi usuldan foydalanib, istalgan turdagi raqamlangan ro'yxatni yaratishingiz mumkin, masalan, kvadrat qavs ichiga raqam qo'ying, bu holda uslublarda faqat bitta qator o'zgaradi.
Tarkib: "[" counter(element) "] ";
Rus harflari bilan ro'yxat
Lotin harflari bilan raqamlangan ro'yxat mavjud, ammo ro'yxat uchun rus harflari yo'q. Ular yuqoridagi texnikadan foydalangan holda sun'iy ravishda qo'shilishi mumkin. Raqamlash uslublar orqali amalga oshirilganligi sababli, ro'yxatning o'zi asl bo'lib qoladi, unga faqat tanlangan sinf qo'shiladi, keling, uni kiril deb ataymiz (4-misol).
4-misol: Ro'yxat yaratish uchun kod
- Bir
- Ikki
- Uch
Harflarni qo'shish psevdo-elementdan oldingi :: va kontent xususiyati yordamida amalga oshiriladi. Har bir satr o'z harfiga ega bo'lishi kerakligi sababli, biz psevdo-sinf :nth-child(1) dan foydalanamiz, harf raqami qavs ichida yoziladi. Birinchi harf, tabiiyki, A, ikkinchisi B, uchinchisi C va hokazo. Bu butun to'plam li selektoriga quyidagicha qo'shiladi (5-misol).
5-misol: psevdo-sinfdan foydalanish: nth-child
Kiril li:nth-child(1)::oldin ( mazmuni: "a)"; ) .cyrilic li:nth-child(2)::oldin ( mazmuni: "b)"; ) .cyrilic li:nth-child(3)::oldin ( mazmuni: "at)"; )
Bu misolda har bir harfdan keyin qavs olinadi, barcha harflar kichik. Siz o'zingizning ro'yxat raqamlash turini belgilashingiz mumkin, masalan, unda nuqta bilan bosh harflar, bir yoki ikkita qavs yoki faqat harflar bo'lishi mumkin. Standart raqamlashdan farqli o'laroq, biz bu erda xohlagan narsani qilishimiz mumkin. O'nta harfdan iborat ro'yxat deyarli barcha holatlar uchun etarli bo'lishi kerak, ammo agar bu to'satdan etarli bo'lmasa, hech bo'lmaganda rus alifbosining barcha harflarini kiritish uchun ro'yxatimizni kengaytirishga hech narsa to'sqinlik qilmaydi.
Nihoyat, biz harflarning hizalanishi va joylashishini sozlaymiz, ixtiyoriy ravishda shrift o'lchamini, rangini va boshqa parametrlarni belgilaymiz (6-misol).
Misol 6. Rus harflari bilan ro'yxat
Roʻyxat - Borsch
- Pike kotletlari
- Kulebyaka
- Smetanadagi qo'ziqorinlar
- Ikra bilan pancakes
- kvas
Ushbu misolning natijasi rasmda ko'rsatilgan. 3.
Belgilangan ro'yxat har bir ro'yxat elementi oldiga odatda to'ldirilgan doira shaklida kichik marker qo'shish orqali aniqlanadi. Ro'yxatning o'zi konteyner yordamida tuziladi
- , va har bir ro'yxat elementi teg bilan boshlanadi
- quyida ko'rsatilganidek.
- Birinchi nuqta
- Ikkinchi nuqta
- Uchinchi nuqta
Ro'yxatda yopilish yorlig'i bo'lishi kerak
Garchi shart bo'lmasa ham, biz uni har doim aniq ajratilgan ro'yxat elementlariga qo'shishni tavsiya qilamiz.
- Cheburashka
- Timsoh Gena
- Shapoklyak
- Kalamush Larisa
- Birinchidan
- Ikkinchi
- Uchinchi
- Birinchidan
- Ikkinchi
- Uchinchi
- Birinchidan
- Ikkinchi
- Uchinchi
- diniy e'tiqodni o'zgartirish (ixtiyoriy: Buddizm, Konfutsiylik, Hinduizm). Maxsus taklif - yahudiylik va islom birgalikda;
- sevimli tomonning benuqsonligiga ishonchning o'zgarishi;
- o'zga sayyoraliklar mavjudligiga ishonish;
- o'zining eng yaxshi turi sifatida siyosiy tizimni afzal ko'rish (tanlash uchun: feodalizm, sotsializm, kommunizm, kapitalizm).
- mushuklar
- itlar
- otlar
- mushuklar
- itlar
- otlar
- mushuklar
- itlar
- otlar
- mushuklar
- itlar
- otlar
- mushuklar
- itlar
- otlar
- mushuklar
- itlar
- otlar
- qizil
- apelsin
- sariq
- binafsha
- qizil
- apelsin
- sariq
- binafsha
- mushuklar
- itlar
- otlar
- mushuklar
- itlar
- otlar
- mushuklar
- itlar
- otlar
- mushuklar
- itlar
- otlar
- mushuklar
- itlar
- otlar
- mushuklar
- itlar
- otlar
- mushuklar
- itlar
- otlar
- mushuklar
- itlar
- otlar
- Hayvonlar
- mushuklar
- itlar
- O'simliklar
- daraxtlar
- gullar
- (LI - Ro'yxat elementi, ro'yxat elementi). teg
- mos keladigan yopish yorlig'ini talab qilmaydi, garchi uning mavjudligi printsipial jihatdan taqiqlanmagan. Hujjatni ko'rsatishda brauzerlar odatda ro'yxatning har bir yangi elementini yangi qatordan boshlaydi.
Taqdim etilgan ma'lumotlar asosiy markirovka qilingan ro'yxatni yaratish uchun etarli. Belgilangan ro'yxat yordamida HTML-hujjatga misol keltiraylik, uning brauzer tomonidan ko'rsatilishi rasmda ko'rsatilgan. 2.1.
Belgilangan ro'yxatga misol Burj belgilari:
- Qo'y
- Toros
- Egizaklar
- Bokira
- Tarozilar
- Chayon
- Sagittarius
- Uloq
- Kova
- Baliq
Guruch. 2.1. Belgilangan ro'yxatning brauzer ekrani
Ro'yxat elementlariga qo'shimcha ravishda teg bilan belgilanganligini unutmang
- , boshqa HTML elementlari mavjud bo'lishi mumkin. Yuqoridagi misolda ushbu elementlardan biri oddiy matn bo'lib, u ro'yxat elementi emas, balki uning sarlavhasi vazifasini bajaradi.
Eslatma
HTML tilidagi ba'zi darsliklar ro'yxat sarlavhasini o'rnatish uchun konteyner tegidan foydalanish kerakligini ko'rsatadi
(LH - Ro'yxat sarlavhasi, ro'yxat sarlavhasi). Bu teg hozircha hech qanday umumiy brauzerlar tomonidan tan olinmaydi va HTML spetsifikatsiyasining bir qismi emas. Shunday qilib, undan foydalanish hech qanday xatolikka olib kelmasa ham, ma'nosiz bo'ladi. Tegda
- ikkita parametr ko'rsatilishi mumkin: COMPACT va TYPE.
- .
Misol kiritish:
- .
Eslatma
Brauzerlar alohida ro'yxat elementi uchun o'q turi spetsifikatsiyasini boshqacha izohlaydi. Netscape brauzeri bu va undan keyingi barcha belgilar uchun markerning ko'rinishini markerning ko'rinishini keyingi qayta ta'rifiga duch kelgunga qadar o'zgartiradi. Internet Explorer faqat ushbu element uchun markerning ko'rinishini o'zgartiradi.
Grafik ro'yxat belgilari
Grafik tasvirlardan jozibali, yaxshi mo'ljallangan HTML hujjatlarini yaratishda keng qo'llaniladigan ro'yxat belgilari sifatida foydalanishingiz mumkin. Aslida, bu imkoniyat HTML tili tomonidan to'g'ridan-to'g'ri ta'minlanmaydi, balki biroz sun'iy ravishda amalga oshiriladi. Bu buni qilish tavsiya etilmaydi yoki tanqid qilinmaydi degani emas, faqat bu yerda hech qanday maxsus HTML tili konstruksiyalari ishlatilmaydi.
Fikrni tushunish uchun siz HTML sahifalarida ro'yxatlarni amalga oshirish mexanizmini tushunishingiz kerak. Ro'yxat yorlig'i ekanligi ma'lum bo'ldi
- (Haqiqatan ham, quyida muhokama qilingan boshqa turdagi teglar ro'yxati kabi) bitta vazifani bajaradi - u brauzerga ushbu tegdan keyin joylashgan barcha ma'lumotlar ma'lum miqdorda o'ngga (cheklangan) ko'rsatilishi kerakligini aytadi. Teglar
- , bu alohida ro'yxat elementlariga ishora qiladi, standart ro'yxat elementi belgilarini beradi.
Agar biz grafik markerlar bilan ro'yxat tuzishimiz kerak bo'lsa, biz teglarsiz umuman qila olamiz
- . Ro'yxatning har bir elementi oldiga kerakli grafik tasvirni kiritish kifoya. Yechilishi kerak bo'lgan yagona muammo - bu ro'yxat elementlarini bir-biridan ajratish. Buning uchun paragraf teglaridan foydalanishingiz mumkin
Yoki qatorni tasmani majburlash
. Grafik markerlar bilan ro'yxatni amalga oshirishga misol, ularning ko'rinishi rasmda ko'rsatilgan. 2.2 quyida ko'rsatilgan:faqat bir marta uzatiladi. Kichik rasmning fayl o'lchamlari ham juda kichik.
Eslatma
Grafik o'qlar bilan ro'yxatlarni yaratish usullari 8-bobda navbat bilan ko'rib chiqiladi.
- , bu alohida ro'yxat elementlariga ishora qiladi, standart ro'yxat elementi belgilarini beradi.
COMPACT parametri qiymatsiz yoziladi va brauzerga berilgan ro'yxatni ixcham shaklda ko'rsatish kerakligini ko'rsatish uchun ishlatiladi. Misol uchun, shrift yoki ro'yxat satrlari orasidagi masofa va boshqalar qisqarishi mumkin.
Eslatma
Hozirgi vaqtda tegda COMPACT parametrining mavjudligi
- hech qanday tarzda etakchi brauzerlarda ro'yxatlarning ko'rinishiga ta'sir qilmaydi. Shuning uchun, ushbu parametrdan foydalanish ma'nosizdir, ayniqsa uni ishlatish HTML 4.0 spetsifikatsiyasi tomonidan tavsiya etilmaydi.
TYPE parametri quyidagi qiymatlarni qabul qilishi mumkin: disk, doira va kvadrat. Ushbu parametr ro'yxat belgilarining ko'rinishini majburlash uchun ishlatiladi. Markerning aniq turi siz foydalanayotgan brauzerga bog'liq bo'ladi. Odatda displey variantlari quyidagilardan iborat:
TYPE = disk - markerlar to'ldirilgan doiralar sifatida ko'rsatiladi; TYPE = doira - markerlar ochiq doiralar sifatida ko'rsatiladi; TYPE = kvadrat - markerlar to'ldirilgan kvadratlar sifatida ko'rsatiladi. Misol kiritish:
- .
Standart qiymat TYPE = disk. Ichki oʻrnatilgan markerli roʻyxatlar uchun standart qiymat birinchi darajadagi disk, ikkinchi darajadagi doira, uchinchi va undan keyingi darajadagi kvadratdir. Bu Netscape va Internet Explorer brauzerlarining so'nggi versiyalarida aynan shunday qilingan. E'tibor bering, boshqa brauzerlar markerlarni boshqacha ko'rsatishi mumkin. Misol uchun, HTML 4.0 spetsifikatsiyasida TYPE = kvadrat bo'lganda ko'rsatiladigan marker turi kvadrat kontur sifatida ko'rsatilgan.
Xuddi shu qiymatlarga ega TYPE parametri alohida ro'yxat elementlari uchun markerlar turini belgilash uchun ishlatilishi mumkin. Buning uchun ro'yxat elementi tegida mos keladigan qiymatga ega TYPE parametrini ko'rsatishga ruxsat beriladi
- .
Amaliy nuqtai nazardan, markirovka qilingan ro'yxatdagi narsalarni ko'rsatish tamoyillari raqamlangan ro'yxatga o'xshash tarzda qo'llanilishi mumkin. Ammo biz sanab o'tish bilan shug'ullanayotganimizni hisobga olsak, bundan keyin ham muhokama qilinadigan ba'zi xususiyatlar mavjud.
Ro'yxatni raqamlash
Ro'yxatni istalgan raqamdan boshlashga ruxsat beriladi; bu maqsadda elementning start atributidan foydalaniladi
- yoki elementning qiymati
11.1-misolda veb-sahifaga markirovka qilingan ro'yxat qo'shish uchun HTML kod ko'rsatilgan.
11.1-misol. Belgilangan ro'yxat yarating
Belgilangan roʻyxat
Ushbu misolning natijasi rasmda ko'rsatilgan. 11.1.
Guruch. 11.1. Belgilangan roʻyxat koʻrinishi
Ro'yxatning yuqori, pastki va chap qismidagi to'ldirishga e'tibor bering. Bunday chekinishlar avtomatik ravishda qo'shiladi.
Markerlar uchta shakldan birini olishi mumkin: doira (standart), doira va kvadrat. Marker uslubini tanlash uchun tegning type atributidan foydalaning
- . Qabul qilinadigan qiymatlar jadvalda keltirilgan. 11.1
Jadval 11.1. Bullet uslublarini roʻyxatlash
Ro'yxat turi HTML kodi Misol Doira belgilari bilan ro'yxat
Doira o'qlari bilan ro'yxat
Kvadrat o'q bilan ro'yxat
Markerlarning ko'rinishi turli brauzerlarda, shuningdek, shrift va matn hajmini o'zgartirganda biroz farq qilishi mumkin.
Kvadrat o'qlar bilan ro'yxat yaratish 11.2-misolda ko'rsatilgan.
11.2-misol. Belgilar turi
Belgilangan roʻyxat E'tiqodlarni o'zgartirish
Ushbu misolning natijasi rasmda ko'rsatilgan. 11.2.
Bunday ro'yxat qaysidir ma'noda "raqamlangan" ro'yxatdir. Bu arab raqamlari, rim raqamlari yoki harflar bo'lishi mumkin.
Teglar brauzerga ro'yxat raqamlanishini ko'rsatish uchun ishlatiladi .
Raqamlangan ro'yxat uchun misol kodi:
HTML ro'yxatlari
Natija:
Ko'rib turganingizdek, sukut bo'yicha raqamlash arab raqamlarida. Bu parametr yordamida o'zgartirilishi mumkin turi:
- turi = "A"- katta lotin harflarida raqamlash (A, B, C).
- turi = "a"- katta lotin harflarida raqamlash (a, b, c).
- "Men" yozing- katta rim raqamlarida raqamlash (I, II, III).
- turi = "i"- kichik rim raqamlarida raqamlash (i, ii, iii).
Rim raqamlari bilan kodga misol:
HTML ro'yxatlari
Natija:
Agar biz raqamlashni bittadan emas, balki boshlashimiz kerak bo'lsa, biz parametrdan foydalanishimiz kerak boshlash, uning qiymati ro'yxat boshlanadigan raqamdir (agar raqamlash harflar yordamida ko'rsatilgan bo'lsa, bu raqam alifbodagi pozitsiyani ko'rsatadi).
Kod namunasi:
HTML ro'yxatlari
Natija:
Tegda
Kod namunasi:
HTML ro'yxatlari
...............Natija:
...............Belgilangan ro'yxatlar
Belgilangan ro'yxatda harflar va raqamlar o'rniga o'qlar qo'llaniladi. Teglar brauzerga ro'yxat markirovka qilinishini ko'rsatish uchun ishlatiladi. . Butun ro'yxat ushbu teglar orasida joylashgan va har bir element teglar bilan belgilanadi .
Belgilangan ro'yxat uchun misol kodi:
Html markirovka qilingan ro'yxatlar
Natija:
Odatiy bo'lib, marker qora doira sifatida ko'rinadi. Bu parametr yordamida o'zgartirilishi mumkin turi:
- turi = "disk"- to'ldirilgan doira.
- type = "aylana"- bo'sh doira.
- type = "kvadrat"- soyali kvadrat.
Belgilangan ro'yxatlar uchun namuna kodi:
Html markirovka qilingan ro'yxatlar
Natija:
Ta'riflar ro'yxati
Ushbu ro'yxatlar lug'atlarda qo'llaniladi. Har bir paragraf ikki qismdan iborat: atama va uning ta'rifi. Teglar brauzerga ta'riflar ro'yxati bo'lishini ko'rsatish uchun ishlatiladi
Ta'riflar ro'yxati kodi namunasi:
Ta'riflar ro'yxati 1 atama ta'rifi 1 atama 2 atama 2 ta'rifi
Natija:
Oʻrnatilgan roʻyxatlar
Ro'yxat elementiga o'z ro'yxatini kiritish kerak bo'lgan holatlar mavjud. Bunday ro'yxatlar ko'p darajali yoki ichki deb ataladi. Buning uchun bizga allaqachon ma'lum bo'lgan ro'yxat teglari birikmasidan foydalaniladi.
Ko'p darajali ro'yxat uchun misol kodi:
Oʻrnatilgan roʻyxatlar
HTMLda amalga oshirilgan ro'yxat turlaridan biri markirovka qilingan ro'yxatdir. Aks holda, bunday turdagi ro'yxatlar nomersiz yoki tartibsiz deb ataladi. Familiya ko'pincha tegishli teg nomining rasmiy tarjimasi sifatida ishlatiladi
- , ularning yordami bilan HTML hujjatlarida ushbu turdagi ro'yxatlar tashkil qilinadi (UL - Unordered List, unordered list).
Belgilangan roʻyxatda uning elementlarini ajratib koʻrsatish uchun roʻyxat belgilari deb ataladigan maxsus belgilar qoʻllaniladi (ular koʻpincha bullets deb ataladi, bu inglizcha bullet atamasining rasmiy talaffuzi). Ro'yxat belgilarining ko'rinishi brauzer tomonidan belgilanadi va ichki ro'yxatlarni yaratishda brauzerlar avtomatik ravishda turli xil joylashtirish darajalarida markerlarning ko'rinishini diversifikatsiya qiladi.
Teglar
- Va
Belgilangan ro'yxatni yaratish uchun siz konteyner tegidan foydalanishingiz kerak, uning ichida ro'yxatning barcha elementlari joylashgan. Roʻyxatni ochish va yopish teglari roʻyxatdan oldin va keyin qator uzilishini taʼminlaydi, shu bilan roʻyxatni hujjatning asosiy mazmunidan ajratib turadi, shuning uchun bu yerda paragraf teglaridan foydalanishning hojati yoʻq.
.Har bir ro'yxat elementi teg bilan boshlanishi kerak
- ro'yxatning barcha ko'rsatilgan mazmunini o'z ichiga oladi):
Windows, Ubuntu va Mac OS X da DMG faylini qanday ochish mumkin
VK-Downloader - VKontakte-da audio va videolarni yuklab olish uchun dastur
Windows 10 ish stoliga kompyuter yorlig'i