HTMLda raqamlash ro'yxati. Belgilangan ro'yxati HTML raqamlari - HTML darslari

Raqamlangan ro'yxatlar ketma-ketlik raqamlari bo'lgan elementlar to'plamidir. Raqamlashning ko'rinishi va turi tegning xususiyatlariga bog'liq

ro'yxatni yaratish uchun ishlatiladi. Raqamli ro'yxatning har bir nuqtasi yorliq bilan ko'rsatilgan
1. Quyida ko'rsatilgandek.
   1. Birinchi nuqta
   2. Ikkinchi nuqta
   3. Uchinchi nuqta

   Agar siz biron bir qo'shimcha atributlarni ko'rsatmasangiz va shunchaki tegni yozsangiz

   Arab raqamlari bilan odatiy ro'yxati (1, 2, 3, 3, ...) 11.3 misolida ko'rsatilgandek qo'llaniladi.

   11.3 misol. Raqamlangan ro'yxatni yaratish

   Vaqt bilan ishlash

   1. vaqtini yaratish (hech qachon kechikmaydi);
   2. vaqtini davolash (siz hech qachon hech qachon hech qachon shoshilmaysiz);
   3. vaqtni idrok va soatni o'zgartirish.

   Natija bu misol rasmda ko'rsatilgan. 11.3.

   Anjir. 11.3. Raqamlangan ro'yxatni ko'rish

   Shuni esda tutingki, avtomatik indekslarning yuqori qismlari, shuningdek, matnning pastki qismidan va chap tomondan ham qo'shilgan.

   Quyidagi qiymatlar elementlarni sanab o'tishi mumkin:

   • arab raqamlari (1, 2, 3, ...);
   • kapital lotin harflari (A, B, C, ...);
   • kichik lotin harflari (A, B, C, ...);
   • rim raqamlarini ro'yxatdan o'tkazish (I, II, III, ...);
   • lCD Rim raqamlari (I, II, III, ...).

   Raqamlangan ro'yxat turini belgilash uchun tipdagi teg atributi qo'llaniladi

   . Uning mumkin bo'lgan qadriyatlari jadvalda keltirilgan. 11.2.
   Jadval. 11.2. Raqamlangan ro'yxat turlari

   Ro'yxat turi	HTML kod	Misol
   Arab raqamlari		1. Cheburashka 2. Timsoh Hasa 3. Shapoklyak
   Lotin alifbosining katta harflari		A. Cheburashka B. timsohlar C. Shapoklyak
   Lotin alifbosining ltrial harflari		a. Cheburashka b. Timsohlar jinsi v. Shapoklyak
   Katta harfda Rim raqamlari		I. Cheburashka II. Timsohlar jinsi III. Shapoklyak
   Quyi registrda Rim raqamlari		i. Cheburashka II. Timsohlar jinsi III. Shapoklyak

   Ro'yxatni ma'lum bir qiymatdan boshlash uchun stakanning statistik atributi qo'llaniladi.

   . Ushbu ro'yxat turlari yordamida o'rnatilgan bo'lsa, boshlang'ich atribut Rim va arab raqamlari bilan teng darajada ishlamoqda. 11.4-misolda, sakkiztadan boshlangan katta harflar yordamida ro'yxatni yaratish ko'rsatiladi.

   11.4. Raqamlash ro'yxati

   8. Qirol Magnum XLIIV.
   9. Qirol Degffied XVI
   10. Qirol Sigismund XXI
   11. King Narbrandt I.

   Ushbu misol natijasi rasmda keltirilgan. 11.4.

   

   Anjir. 11.4. Rim raqamlari bilan raqamlangan ro'yxat

   Ichida hTML tili Ikki turdagi ro'yxatlar mavjud: raqamlangan va o'lchanmagan. Ularning ijodi deyarli bir xil. Hatto teglar ham bitta belgi haqida farq qiladi. Siz ham raqamlangan va markerni o'z ichiga olishi mumkin.

   Ushbu ro'yxatlar xohlaganingizcha o'zgartirilishi mumkin. Hammasi sizning tasavvuringizga bog'liq. Avval biz standart ro'yxatlarni, shu bilan bir xil deb bilamiz muharrir so'zi.Va keyin biz ularni yaxshilaymiz va uni tanib bo'lmaydigan qilamiz.

   Raqamli ro'yxati HTML

   Oddiy raqamlangan quyidagi teglar yordamida yaratilishi mumkin:

   1. Birinchi ro'yxatlar ro'yxati
   2. Ro'yxatning ikkinchi ro'yxati
   3. Uchinchi ro'yxat ro'yxati

   Oddiy ro'yxatlar shunga o'xshaydi

   Matniyaga ko'ra, har bir ro'yxat elementida 1-yorliqni ochish va yopish joyida bo'lishi kerak. Ammo agar siz yopiq yorliqni qo'ymasangiz, natija aynan bir xil bo'ladi. Ishlovchisi juda aqlli. Ro'yxatda konversiya paytida u ochilish teglarini tahlil qiladi. Agar u yangi ko'rsa

   4. va keyin avtomatik ravishda uning oldiga qo'yadi
   .

   Shunday qilib, ro'yxatlar quyida ko'rsatilgandek amalga oshirilishi mumkin.

   

   Ammo professionallar nuqtai nazaridan bu noto'g'ri.

   

   O'lcham bo'lmagan (yoki marker) ro'yxatlar xuddi shu tarzda yaratilgan, faqat OL teg, UL-ni o'rniga yozilgan.

   Raqamlar yoki harflar - faqat turli xil belgilarularni markerlar deb ataladi.

   

   Ko'p darajadagi raqamlangan HTML ro'yxati

   Ko'pgina foydalanuvchilar bunday imkoniyatdan manfaatdor. Shuning uchun shuni ta'kidlash kerakki, har qanday HTM raqamlangan ro'yxat ko'p darajali bo'lishi mumkin. Qo'shimcha darajalar bir xil yoki belgilangan bo'lishi mumkin.

   

   Yuqoridagi misolda ko'rsatilgan ro'yxatni tuzish uchun quyidagilarni yozishingiz kerak.

   

   Shuni esda tutingki, ushbu Kodeksda, birinchi misollardan farqli o'laroq, turdagi atribut qo'shildi. Unga rahmat, siz raqamlar ro'yxatida ham, markerlar ro'yxatlari uchun ham tartiblash turini belgilashingiz mumkin.

   Raqamlar uchun biz raqamlarning alifbosi yoki raqamlarini ko'rsatamiz va boshqa holatlar uchun - marker turi.

   Agar siz maxsus HTML yorlig'idan foydalansangiz, raqamlangan ro'yxat siz xohlagan usul bo'lishi mumkin.

   Siz jadvaldan har qanday qiymat bilan turdagi atributni belgilashingiz mumkin. Yoki CSS uslubidagi sinfda kerakli tartib turiga ega bo'lgan ro'yxat uslubini belgilang.

   

   Qonlarni topshirish juda oddiy. Etarli asosiy bilim ingliz tili. Ammo agar siz "doira", "kvadrat" va boshqa so'zlarni tarjima qila olmasangiz ham, unda siz turdagi atributlardagi ushbu qiymatlarni belgilashda natijada siz ushbu qiymatlarni ko'rsatasiz.

   Raqamli ro'yxatlar uchun siz quyidagi variantlardan foydalanishingiz kerak:

   • 1 - Arablarning raqamlari;
   • A - kapital;
   • a - kichik lotin harflari;
   • I - poytaxt Rim raqamlari;
   • i - kichik rim raqamlari.

   Odatiy bo'lib, ro'yxat har doim ishlatiladi, agar siz hech narsa ko'rsatmagan bo'lsangiz, u tipga tengdir \u003d "1".

   Bundan tashqari, raqamlangan ro'yxatlar istalgan joydan boshlash mumkin. Odatiy bo'lib, mahsulot 1. Ammo agar xohlasangiz, siz kamida yuzdan boshlashingiz mumkin. Buning uchun har qanday qiymat bilan boshlang'ich atributni ko'rsating.

   

   Bundan tashqari, uni teskari tartibda tuzish mumkin. Buning uchun, aks ettirilgan yozing.

   

   Ro'yxatlarni ro'yxatdan o'tkazish

   Raqamli HTML ro'yxatini shunchalik chiroyli qilish mumkinki, bu fotoshop-da yozilgan rasm emas, balki odatiy ro'yxat emasligini taxmin qilish mumkin emas.

   Bu erda chiroyli ro'yxatlar misollari.

   

   Misoldan ko'rinib turibdiki, siz o'zgartirishingiz mumkin tashqi ko'rinish Raqamlash va elementlarning o'zlari.

   Oddiy ro'yxatni yaratish bu kabi bo'lishi mumkin.

   

   CSS uslublarida siz ol teglar uchun dizaynni belgilashingiz kerak. Shuni esda tutingki, bu holda sozlamalar ushbu uslubdagi fayl ishlatilgan barcha saytning barcha ro'yxatiga sozlashlar qo'llaniladi.

   

   Avval ro'yxatni yumaloq dizayni bilan ko'rib chiqing. Ro'yxat kodini qaytaring. Yumaloq ro'yxatli sinf belgilanadi. Bu ushbu sinf bilan siz bunday go'zallikni qilish uchun tinkerga kerak. Siz xohlaganingizcha sinfga qo'ng'iroq qilishingiz mumkin.

   

   

   

   Endi kvadrat dizaynni ko'rib chiqing.

   

   Uslublar juda o'xshash. Farqi shundaki, birinchi holatda u CSS imkoniyatlari orqali elementni yumaloqlangan.

   Professional GAG barcha foydalanuvchilar foydalanmasligini oldindan aytib beradi va tushunishi kerak zamonaviy kompyuterlar. Hamma ham Windows 7, 8, 10. Windows XP-da o'tirgan va eski versiyalardan foydalanadigan foydalanuvchilar foizi mavjud. internet-brauzer Explorer.

   Qoida tariqasida, deyarli barcha zamonaviy dizaynni yaxshilash qo'llab-quvvatlanmaydi. Bu foydalanuvchiga sayt dizayni umuman ishlamagan ko'rinadi. Hamma narsa chiqdi. Elementlar bir-biriga yuguradilar. Buning oldini olish uchun siz barcha variantlarni hisoblashingiz kerak.

   Ba'zi veb-saytlar ularga qarashadi, chunki ularning zamonaviy bozordagi ulushi kamroq va kamroq turadi. Ammo har bir mehmon uchun har bir mehmon juda muhim, ayniqsa bu tijorat saytidir.

   Hamma uchun mos keladigan yoki barcha brauzer variantlarini ko'rib chiqing.

   Faqatgina farq shundaki, ushbu teglar ro'yxatlarni raqamlash uchun qat'iy belgilangan. Yorliqning nomi ingliz tilini qisqartirishdan "Buyurtmalangan ro'yxat" - raqamlangan ro'yxat.

   Sintaksis yorlig'i

   1. 1-element # 1.
   2. №2 element.
   3. №3 element.
   4. ...

   Atribut turi \u003d "qiymati" quyidagi qiymatlarni qabul qilishi mumkin

   • A - belgilar kapital lotin harflari shaklida (A, B, C.);
   • a - markerlarni kichik lotin harflari shaklida (a, b, c.);
   • I - markerlarni katta rim raqamlari shaklida (i, II, III, IV.);
   • i - markerlarni kichik rim raqamlari shaklida (I, II, III, IV.)
   • 1 (sukut bo'yicha) - arab raqamlari shaklida markerlar (1, 2, 3 ..);

   Boshlash \u003d "Qiymat" atribut hisobotning boshlang'ich qiymatini (boshlang'ich qiymatini) o'rnatadi.

   Qayta tiklangan atef qaytarish hisobini (agar kerak bo'lsa) o'rnatadi.

   Yorliq

   yopilish yorlig'idan majburiy foydalanishni talab qiladi

   Ro'yxat elementini shakllantirish uchun bir juft yorliq ishlatiladi

   1. . Alohida so'zlar, iboralar, paragraflar, rasmlar, rasmlar, kodi va ko'p narsalar mavjud va ular belgilangan ro'yxatning mazmuni oralig'ida joylashgan.

      Eslatma

      Ro'yxat ichida hisobingizni o'zingiz uchun o'zgartirish mumkin. Buning uchun maxsus atribut qiymati mavjud \u003d "" teg

   2. qaysi raqamli qiymat berilgan. masalan

      1. 1-element # 1.
      10. №2 element.
      11. №3 element.

      HTML-dagi raqamlangan ro'yxatlar bilan misollar (

      )

      Masalan 1. Lotin harflari shaklida raqamlangan HTML ro'yxati

      S. masalan bosh harflar

      1. 1-element # 1.
      2. №2 element.
      3. №3 element.

      1. 1-element # 1.
      2. №2 element.
      3. №3 element.

      Misol qat'iy harflar bilan

      1. # 10 element.
      2. 11-element # 11.
      3. # 12 element.

      Bu sahifaga shunday ko'rinadi:

      1. 1-element # 1.
      2. №2 element.
      3. №3 element.

      Masalan 2. Rim harflari shaklida HTML ro'yxatiga kiritilgan

      Kapital harflar bilan misol

      1. 1-element # 1.
      2. №2 element.
      3. №3 element.

      Bu sahifaga shunday ko'rinadi:

      1. 1-element # 1.
      2. №2 element.
      3. №3 element.

      Misol qat'iy harflar bilan

      1. 1-element # 1.
      2. №2 element.
      3. №3 element.

      Bu sahifaga shunday ko'rinadi:

      1. 1-element # 1.
      2. №2 element.
      3. №3 element.

      3-misol 3. Raqamli HTML ro'yxatida turli xil boshlang'ich holat

      Metrning boshlang'ich qiymatini belgilash imkonini beradigan boshlang'ich sifatining xususiyatlarini ko'rsatadigan misol.

      50. 1-element # 1.
      51. №2 element.
      52. №3 element.

      Bu sahifaga shunday ko'rinadi:

      1. 1-element # 1.
      2. №2 element.
      3. №3 element.

      Masalan 4. HTML raqamlarida hisoblash

      Quyida teglardagi yangi elementlarni aks ettirishda qiymat atributidan foydalangan holda metrlik qiymatlarni o'zgartirish qobiliyati bilan bir misol keltirilgan

   3. .

      10. 1-element # 1.
      11. №2 element.
      100. №3 element.
      101. # 4 element.

      Bu sahifaga shunday ko'rinadi:

      1. 1-element # 1.
      2. №2 element.
      3. №3 element.
      4. # 4 element.

      Masalan 5. HTML-da qayta tiklanadigan raqamlangan ro'yxat

      Quyidagi ro'yxatga olingan ro'yxatga (teskari tartibda hisob) misol keltirilgan.

      10. 1-element # 1.
      11. №2 element.
      12. №3 element.
      13. # 4 element.

      Bu sahifaga shunday ko'rinadi:

      1. 1-element # 1.
      2. №2 element.
      3. №3 element.
      4. # 4 element.

      Ro'yxatlar tarkibining muhim tarkibiy qismi bo'lib, ular ma'lumotni soddalashtirishga yordam beradi. Ro'yxatdagi matn yaxshiroq idrok va eslab qolish osonroq.

      Eng sodda - har bir elementdan oldin bu marker - aylana, kvadrat yoki aylana. Belgilangan ro'yxatdagi elementlarning ketma-ketligi muhim emas.

      Uni yaratish uchun siz faqat ikkita tegdan foydalanishingiz kerak:

      va
      • .
        - Bu elementlar teg bilan o'rnatilgan ro'yxatni o'z ichiga olgan idish.
        • .
          • Tog 'jinsi
          • Qaychi
          • Qog'oz

          Odatiy bo'lib, qora doira ro'yxat belgisi sifatida ishlatiladi ( disk.). Yorliq qo'shish

          xususiyat tur va unga tegishli qiymatni tayinlash, marker aylanaga aylantirilishi mumkin ( aylana.) yoki qora kvadrat ( kvadrat.).

          Bu elementlarning tartibi unda muhim ekanligi bilan ajralib turadi, shuning uchun markerning o'rniga bu erda doimiy ravishda raqamlar yoki harflar qo'llaniladi. Siz ro'yxatdagi tartib haqida qayg'urishingiz shart emas: brauzer bu vazifani bajaradi. Agar siz ro'yxatni o'zgartirsangiz (buyurtma buzilganligini o'chirib qo'ying), brauzer uni qayta ko'rib chiqing va to'g'ri ko'rsatadi.

          Raqamlangan ro'yxatlarni yaratish uchun ishlatiladigan teglar

          va
          1. . Idish
             ro'yxatning boshlanishini va tugashini aniqlaydi, teg
             1. Elementining boshlanishi va oxirini belgilaydi - hamma narsa belgilangan ro'yxatdagi kabi
                Almashtirildi
                .
                1. Tog 'jinsi
                2. Qaychi
                3. Qog'oz

                

                Raqamli ro'yxatlar yordamida har doim ham yorliq uchun juda oddiy emas

                Quyidagi atributlarni yaratdi (eslatma bering: raqamlangan ro'yxat quyida keltirilgan):

                1. tur. Bu atribut sizga nafaqat arabcha, balki Rim raqamlari yoki boshqa reestrning boshqa reestrlari ro'yxatini keltirib chiqarishga imkon beradi. tur 1 (standart) qiymatlarni qo'llab-quvvatlaydi, A, A, i, men (ular bilan o'zingizni sinab ko'ring).

                2. boshlash.. Doim raqamlash birlik bilan boshlanishi kerak. Ushbu atribut boshlang'ich qiymatini belgilashga imkon beradi - ro'yxatning birinchi elementi sonini. Ko'rsatilishi mumkinki, hisobot 100 raqami yoki K harfi bilan boshlanadi.

                3. teskari. Agar ro'yxat 1 dan 10 gacha, 10 dan 1 gacha bo'lsa, siz ushbu atributdan foydalanishingiz kerak. Agar u ko'rsatilgan bo'lsa, raqamni teskari tartibda amalga oshiriladi.

                Ro'yxatning o'rtasida o'zboshimchalik bilan raqamni belgilash uchun siz tegda foydalanishingiz kerak

                1. xususiyat :

                2. O'ttizdan keyin qirq beshinchi element

                Ro'yxatning o'rtasida bitta elementning sonini o'zgartirish orqali siz ushbu elementlarning raqamlarini raqamlashni o'zgartirasiz - hisobot qiymat atributlari qiymatidan boshlanadi. Masalan, agar siz 18-sonli raqamni tayinlasangiz, 18 raqamini tayinlasangiz, undan keyingi elementlar 19, 20, 21 va 36, \u200b\u200b38 raqamiga ega bo'lgan raqamlar bo'ladi.

                Ta'riflar ro'yxati

                Yuqorida muhokama qilinganidek, bunday taniqli ro'yxat turi emas. Shartlardan va ularning ta'riflaridan iborat. Teglar yordamida yaratilgan:

                - ro'yxatni o'z ichiga olgan konteyner.

                - Terminal yorlig'i.

                - Ta'rif yorlig'i

                "Term - tushuntirish" turining ta'riflari ro'yxatining doirasi - lug'at, mos yozuvlar, izohlar, lug'atlar va boshqa hislar.

                Bu erda ta'riflar ro'yxatining namunasi:

                Deskriptor

                Belgilar tilining asosiy qismi "yorliq" deb nomlangan.

                Xususiyat

                Unga beradigan mulk yorlig'i qo'shimcha xususiyatlar Matnni dizayni.

                Yorliq

                Yopish shart emas, bitta yorliq.

                

                Bir-biriga biriktirilgan ro'yxatlardan iborat ro'yxati. U har xil turdagi ro'yxatlarni o'z ichiga olishi mumkin. Yaratilishning murakkabligi to'g'ri uyali yorliqlarga rioya qilishdir, chunki ko'p bosqichli tuzilishda chalkashib ketish oson.

                Mana bir bosqichli ro'yxatning namunasi:

                Dasturlash tillari quyidagilarga bo'linadi:

                • Tarkoriyali
                1. Paskal
                2. Oberon.
                1. Limbo.
                • Obro'li
                1. Java.
                • Funktsional
                1. Lisp
                2. Piton

                HTML belgisi tilida, 3 turdagi ro'yxatlar ajratilgan - buyurtma qilingan (raqamlangan), tartibsiz (o'lchash) va ta'riflar ro'yxati ro'yxatlari (aniqlanganlar ro'yxati).

                Bunday ro'yxatni qurish uchun sizga 2 turdagi narsalar kerak: 'ul' (tartibsiz ro'yxatdan qisqartirish, i.e. tartibsiz ro'yxatidan) va 'Li' (Ro'yhat element). "Li" ichida yozilganlarning hammasi belgi.

                Bunday ro'yxatning ko'rinishi markerlarning turlarini belgilash orqali boshqarish mumkin.

                Belgilar turlari

                Ro'yxatning ikkala elementida joylashtirilgan maxsus turdagi atribut mavjud. Bu sizning markeringiz turi. Umumiy 3 tur: aylana, disk va maydon:

                - kvadrat
                - Disk
                - aylana

                Belgilangan marker turini belgilash uchun siz uni butun ro'yxatdan yoki ma'lum bir elementdan o'zgartirishingiz mumkin.

                Raqamli ro'yxat (buyurtma qilingan ro'yxat)

                Ro'yxat qurish uchun sizda ikkita element kerak: '' va 'li' (ro'yxat element). Markerlar nuqta bilan almashtiriladi. Oddiy ro'yxatning misoli:

                1. Birinchi element
                2. Ikkinchi element
                3. Oxirgi element

                Buyurtmalangan ro'yxatning ko'rinishi sozlash orqali boshqarilishi mumkin turli xil turlar Raqamlash.

                Raqamlash turlari

                "O" yoki "Li element" da o'rnatilgan maxsus turdagi atribut mavjud. Bu sizning ro'yxatingiz turi. Jami 5 tur:

                - arab raqamlarini raqamlash (1, 2, 3)
                - bosh harflar bilan raqamlash (A, B, C)
                - kichik harflar bilan raqamlash (A, B, C)
                - Katta Rim raqamlari bilan raqamlash (I, II, III)
                - Kichik rim raqamlari bilan raqamlash (I, II, III)
                - Raqamlashni boshlash uchun nima raqamli

                Raqamlash turini belgilash uchun siz uni butun ro'yxatdan yoki ma'lum bir elementdan o'zgartirishingiz mumkin.

                Ta'rif ro'yxati

                Ta'riflar ro'yxati so'z maqolalari uchun mo'ljallangan.

                Umumiy konteyner mavjud. Ichkarida 'dt' (ta'rifi - atama) va "DD" (ta'rifi tavsifi - tavsifi). Eng oddiy misol:

                Marketing bo'limi

                Ushbu kafedra tovarlar va xizmatlarni targ'ib qilish bilan shug'ullanadi.

                Moliyaviy bo'lim

                Ushbu kafedra barcha moliyaviy operatsiyalar bilan shug'ullanadi.

                Barcha ro'yxatlarning barcha elementlari blok. Ammo "dt" elementida faqat kichik harflar o'rnatilishi mumkin. "DD" va "Li" elementlarida hech narsa qo'yishingiz mumkin. Bu yerdan ivrok ro'yxatlar mavjud.

                Xatr qilingan (aralash ro'yxat)

                Bular ierarxiya mavjud bo'lgan ko'p darajali ro'yxatlardir. Ko'pincha bunday ro'yxatlar Sayt xaritasini qurishda ishlatiladi. Misol:

                Aralash ro'yxat

                Kun yangiliklari

                Bugun yomg'ir

                Yomg'ir kun bo'yi davom etadi

                Tungi yangiliklar

                Kechasi yomg'ir yog'adi

                Ertaga yangi kunni boshlaydi