Ro'yxat buyumlarini gorizontal ravishda qanday joylashtirish kerak? Zamonaviy dizayn namunalari CSS OL-ni tasvirlab berishadi.

Biz HTMLning boshlanishi haqidagi suhbatlarimizni davom ettiramiz. Ushbu maqolada men matnda xatboshilar, ro'yxatlar va sarlavhalar yaratishni istayman. Shuningdek, yakka teglar haqida
va

Ushbu seriyadagi birinchi darsda, shuningdek, HTML-ni hali ham tanish bo'lmagan HTML-ni o'rganish boshlangani haqida sizga birinchi dars bilan tanishishingizni maslahat beraman.

Endi biz teglarni o'rganishda davom etamiz. Men yuqoridagi maqolalarning materiallari allaqachon tanish deb taxmin qilaman.

Har doimgidek, ish rejasi:

1. Paragraflar
2. Arlin qatorlari
   
3. Ro'yxatlar va ro'yxati
4. Sarlavhalar
5. Gorizontal qoidalar

   ---

Paragraflar

Matn deyarli har doim paragraflardan iborat. Paragraf to'liq fikr yuritadigan matnning elementi.

HTML xatida, qanday qilib sarlavhani ko'rib chiqish mumkin. "P" harfi "paragraf" so'zidan olingan "Paragraf" so'zi "paragraf" ni anglatadi.

Misolni ko'rib chiqing:

Birinchi xatboshining matni. Bu fikrni o'z ichiga oladi. Ammo fikr tugadi.

Endi boshqa fikr allaqachon boshlangan va biz uni boshqa paragrafda yozamiz.

Ko'rinib turibdiki, paragraflardan foydalanish juda oddiy va maxsus sharhlarni talab qilmaydi. Agar siz brauzerda ushbu kodga qarasangiz, biz o'rtasida bitta bo'sh satr bor. Rus tillarida paragraf bo'sh satrni emas, balki birinchi qatorning o'ng tomonidagi siljish uchun olinadi. Ammo Internetda u ko'pincha shunchalik foydalaniladi, shuning uchun u tez-tez rus tilida so'zlashadigan matnlarda qoldiradi. Ammo, agar bunday xatti-harakatlar mos kelmasa, u CSS-dan foydalanib o'zgartirish mumkin.

Arlin qatorlari

Ba'zida satrni paragrafni yopmasdan tugamasdan tarjima qilmasdan tarjima qilish kerak. Ya'ni yangi satrga boring. Buning uchun bitta yorliq mavjud.
. Bu erda uning qo'llanilishiga misol:

Shamol kulgili yurish

Va qayiq mos keladi

U to'lqinlarda o'zini boshqaradi
Ko'tarilgan yelkanlarda.

Ushbu fraktet she'r A.S. Pushkin bizga yorliqning harakatini namoyish etishga yordam berdi
. Men ushbu Quatrasrning ikki qatorida, ushbu chiziqlar yangi liniyaga o'tkazilishini ko'rsatadigan kodning bir qatorida joylashtirilgan, chunki biz liniyalarni uzatishni o'rnatdik va biz teglarni qo'yganimiz uchun yangi liniyaga o'tkazilganligi uchun.
. Ushbu teg mutlaqo sodda va batafsil tushuntirishlarga muhtoj emas, shuning uchun biz buni muhokama qilamiz.

Ro'yxatlar

va ro'yxat elementlari

Ba'zan matnda biror narsani ro'yxatlashingiz kerak. Buning uchun uchta tegdan foydalaniladi: UL, OL, LI. Ushbu barcha konteyner teglari, lekin yorliq har doim konteynerlardan birida yoki ulardan tashqarida ma'noga ega emas. Ul idishlar ro'yxatga olingan pozitsiyalarning tartibi uchun ahamiyatsiz bo'lmaganda qo'llaniladi va biz ular boradigan tartibni e'tiborga olishni xohlamaymiz. OL yorlig'i Aksincha, har bir satrda avtomatik ravishda ishlaydigan elementlar ketma-ketligiga e'tibor qaratadi. Misolni ko'rib chiqing:

• Katta


• Pirog


• G'alla


• Pirog

Brauzer ekranida ushbu kod quyidagicha ko'rinadi:

• Katta
• Pirog
• G'alla
• Pirog

Agar biz shunchaki OL yorlig'idagi ul yorlig'ini almashtirsak, shunda biz raqamlangan ro'yxat olamiz:

1. Katta


2. Pirog


3. G'alla


4. Pirog

Endi bu shunday ko'rinadi:

1. Katta
2. Pirog
3. G'alla
4. Pirog

Hech kim bitta ro'yxatni boshqasiga sarmoya kiritishni taqiqlamaydi, eshaklar bilan ishlaydigan ro'yxatlarni shakllantiradi:

Asboblar:

• Arra


• Tornering
  
  
  
  1. To'g'riga
  
  
  2. Kesib o'tish
  
  
  
  


• Burg'ulash

Ularni o'rganish uchun ushbu ro'yxatlar bilan ozgina tajriba o'tkazish kerak. Boshqa turdagi ro'yxatlar mavjud, ammo u kamdan-kam hollarda qo'llaniladi, shuning uchun men bu haqda hozircha aytaman. Ehtimol boshqa maqolada.

Albatta, bu barcha elementlarning ko'rinishi CSS-dan foydalanib tan olishdan tashqari o'zgarishi mumkin.

Sarlavhalar

Albatta, paragraflar hujjatlarni tuzishda yordam beradi. Ammo katta matnni kichikroq mantiqiy qismlarga urish uchun siz ularning har biriga ega bo'lishingiz mumkin. Har bir qism hatto qurbonlik qilishingiz mumkin, hatto uning pastki sarlavhasi va boshqalar. Sarlavhani topshirish uchun teglar Qayerda "x" 1 dan 6 gacha. Sarlavhaning pastki darajasi, kattaroq raqam. Ya'ni, eng yuqori darajadagi sarlavha H1 va eng past - H6 deb ataladi. Odatiy bo'lib, ushbu sarlavhalarda joylashgan matn keskinliklar bilan katta shrift bilan namoyon bo'ladi. Ushbu matn butun satrda ko'rsatiladi, ya'x teglari bloklar. H1 yorlig'i eng katta shrift va H6 yorlig'i eng kichikdir. Qoida tariqasida, birinchi sahifada, maksimal - H1 ning ikkita teglari. Darajaning pasayishi bilan teglar soni ortadi. Ammo kamdan-kam hollarda, Webmaster sifatida matnni 5 yoki 6 darajasiga ehtiyoj sezishi mumkin. Hatto 4-bosqich kamdan-kam qo'llaniladi.

Kamroq gapiring, ko'proq ishlang!

Element

(Ingliz tilidan. "Tartiblanmagan ro'yxat" - "tartibsiz ro'yxat") belgilangan ro'yxatni yaratadi. Qoida tariqasida, element
U bunday ro'yxatlarni yaratish uchun ishlatiladi, bu erda ushbu ro'yxatning elementlari tartibidagi o'zgarishlar ro'yxatning ma'nosini sezilarli darajada o'zgartirmaydi.

Yorliq

Bu elementlarni blokirovka qilishni anglatadi, shuning uchun u hamma kengligini oladi va balandligi o'lchami tarkib miqdoriga bog'liq bo'ladi.

Raqamlangan ro'yxatlar uchun ballar tegdan foydalanib aniqlanadi

• Qaysi biri matnga qo'shimcha ravishda boshqa HTML elementlari (ro'yxatlar, rasmlar, sarlavhalar, paragraflar va boshqalar) bo'lishi mumkin. Odatiy bo'lib, belgilangan ro'yxatli ro'yxatlar, ro'yxat shaklida kichik qora to'garak bilan boshlanadigan ro'yxat shaklida ko'rsatiladi. Brauzerlar ro'yxat elementlarini namoyish qilishda chap chetidan kichik bir chiziq qo'shing.

  Eslatma:Agar k.

  CSS mulki qo'llaniladi, keyin elementlar
  • Ushbu xususiyatlarga meros qilib bering.

    Maslahat:Marker turini o'zgartirish uchun CSS Ro'yxat tizimi xususiyatini yoki tizimlarni rasmlarga almashtirishga imkon beradigan start-imam-rasmlardan foydalaning. Raqamlangan ro'yxatlarni yaratish uchun tegdan foydalaning

    .

    Sintaksis

    ...
    • ...
    ...

    Yopish yorlig'i

    Majburiy.

    Atributlar

    Miqiotni ushlab turing HTML5-da izentlar va qatorlar orasidagi masofani kamaytiradi. HTML5 turini belgilash ro'yxat belgisining ko'rinishini belgilaydi.

    Ushbu mahsulot mavjud global atributlar va voqealar.

    Stilizatsiyani sukut bo'yicha

    Ko'pgina brauzerlar elementni ko'rsatadilar

    Quyidagi CSS qiymatlari sukut bo'yicha:

    Ul (displey: blok; list-stypt turi: Disk; Ling-Yuqori: 0; marjge: 0; pladding-chap: 40px;)

    HTML 4.01 va HTML5 o'rtasidagi farqlar

    Ixcham va turdagi atributlar html5-da qo'llab-quvvatlanmaydi.

    Foydalanish namunasi:

    Tartiblanmagan HTML ro'yxat:

    HTML misoli:

    O'zingiz sinab ko'ring
    • Kofe
    • Choy
    • Kakao

    Texnik xususiyatlari

    Spetsifikatsiya	Holat
    WhatwG HTML hayot standarti (Whatwg)	Jonli standart
    HTML 4.01 (W3C)	Tavsiyanoma
    Html5 (W3C)	Tavsiyanoma
    Html 5.1 (W3C)	Tavsiyanoma

    Qo'llab-quvvatlash brauzerlari

    O'zingizni sinab ko'ring - misollar

    Qanday qilib ro'yxat 1 dan farq qiladigan raqam bilan boshlanadi.

    Ro'yxatlar soni va raqamlanmagan.

    Raqamli ro'yxatlar kod tomonidan ko'rsatiladi:

    Raqamlar bilan ro'yxati
    1. 1-band
    2. 2-band
    3. 3-band

    Raqamli ro'yxatlar kod tomonidan ko'rsatiladi:

    Belgilar yoki boshqa belgilar bilan ro'yxati
    • 1-band
    • 1-band
    • 1-band

    Har qanday ro'yxatning har bir turi Li yorlig'ida joylashgan. Ro'yxatning barcha elementlari bitta umumiy ulug 'ul yoki olisda tuziladi. Ushbu teglar uslublari uslublar jadvalida buyuriladi.

    Har bir yorliq uchun ma'lum bir dizayn uslubini tayinladi. Ular matndan indentslarni ko'rsatadilar.

    Raqamli ro'yxat uchun har bir element uchun raqamlash uslublari buyuriladi.

    Standart arabcha raqamlar o'nlik qiymat bilan tavsiflanadi.

    ro'ys uslubi: o'nlik; / * Arab raqamlari * /

    Belgilangan ro'yxat uchun belgilar uslubi - kvadrat yoki doiralar ko'rsatiladi.

    ro'yxat turi: aylana; / * Krujkalar * /
    Ro'yxat turi: Mayd; / * Kvadratlar * /

    Har bir menyuna rasmga tayinlash mumkin.

    ro'yxat uslubidagi rasm: URL ('Rasmga yo'l'));

    Odatda shablonlarda raqamlangan ro'yxat oddiy raqamlar bilan tuzilgan va raqamlangan emas - qora kvadratlar va to'garaklar. Bu zerikarli va tushunarli. Buni tuzatamiz.
    

    Reklamalar jadvallari qayerda, shablonni yigirma o'n birlikda yozilgan?

    FOYDALANUVCHI STYLE.CSS uslubi faylini oching. Sarlavhali / * matn elementlarini toping * /

    Standart kodi quyidagicha ko'rinadi:

    Qanday qilib raqamlangan ro'yxatni tashkil qilish kerak?

    Orqa fondan foydalangan holda raqamlangan ro'yxat

    Ushbu raqamli ro'yxatning ushbu yoqimli dizayniga qarang.

    ? Takrorlaylik.

    OL teg uchun uslublarni toping. Unga yangi xususiyatlarni bosing.

    OL (0px 0 20px; 0.5E 0 1.571em 1; Rang: Ro'yxatdan o'tish: 5px / 17px votasi, Sans-Serif; Z-indeks : 2; counter-ni tiklash:) OL LI (marja-past: 1,8e2e2e; Rang: 1.00: Oradan o'sish: 1-band; chiziq balandligi: 1.6; balandligi: -3px; ulpx; fon: Qaror: Contle (nuqta); Matnni tekislash; Markaz; lavozimi: mutlaq; shrift og'irligi: qalin;)

    Dizayningiz ostida qayerda o'zgarishingiz kerakligini tushunishingiz uchun, keling, ushbu kodni javonlarga tahlil qilaylik.

    ro'yxat turi: Yo'q; - Standart raqamlar chiqishni o'chiradi
    Qarama-qarshi sozlash: nuqta; - Raqamli hisoblagich uchun o'zgaruvchini belgilaydi
    Lavozimi: qarindoshi; - raqamlar yaqinida raqamlar o'zlari

    oldin - Ol Li yorlig'i uchun psevd element. U quyidagi uslublarga ega:
    Tarkib: hisoblagich (nuqta); - O'zgaruvchining qiymatini ko'rsatadi
    Qarshi o'sish: 1-band; - hisoblagichni 1 ga oshiradi
    Lavozimi: mutlaq;
    Ma'lumot: # BDC3C7; - Raqamlar uchun ma'lumot (fon rang yoki chiroyli belgisi bilan o'rnatilishi mumkin)
    Marjasi - tashqi ko'rsatkichlar
    Pulding - ichki yozuvlar
    Rang - matn rangli element
    Orqa fon
    Matn-tekislik - matnni tekislash
    shriftning og'irligi - shriftning qalinligi (to'yinganligi)

    O'zgaringda siz har qanday ranglarni, hizalamalar, shriftning o'lchami va yozuvlarini belgilashingiz mumkin.

    Har bir element uchun noyob tasvir bilan raqamlangan ro'yxat

    Bir ayol joyda juda jozibali ro'yxatlar mavjud.

    Bu qanday amalga oshiriladi? Keling, quyidagi kodni ko'rib chiqaylik:

    / * Birinchi raqami * / Ol li: Birinchi bola (ro'yxatga soladigan rasm: URL (1-raqamli rasmga). / * Ikkinchi raqam: NHT uslubi (2N) - Rasm: URL (2-raqamli rasmga to'g'ri);) / * uchinchi raqam: NHT - Style-Rasm: URL (3-raqamli rasmga);) / * To'rtinchi raqam * / Ol li: nth-bolalar (ro'yxati uslubidagi rasm: URL (4-raqamli rasmga) (4-raqamli rasmga).) Biz faqat quyidagi nuqtalarda yozamiz * /

    Bunday raqamlangan ro'yxatning kodeksi, siz barcha narsalar nuqtalarini va ularning har birining noyob belgisini belgilashingiz kerak.

    Agar siz maqoladagi maqolalarda 20 tagacha raqamlangan mahsulotlardan foydalansangiz, unda nthodo sinfini 20 marta ro'yxatdan o'tkazishingiz kerak. Bu uslublarda bu soxta sinfning (20n)) psudo-toifali (20n) edi.

    Sarlavhali ro'yxatni (OL LI teglari) ni tavsiflovchi uslublar faylida tikuv uslublarini toping.

    Birinchi bola soxta bolani chiqarib oling. Bir marta nusxa ko'chiring va joylashtiring, so'ngra ushbu mol-mulkni n-darajasiga o'zgartiring va raqamlar sizning belgiingiz bo'lishi kerak. Slip buyumlari.

    Har bir raqam uchun o'zingizning noyob ikoningiz bilan ro'yxat uslubidagi xususiyatni so'rang.

    Agar saytdagi piktogrammalar buyumlardan uzoqda yoki ulardan uzoqda bo'lsa, siz raqamli piktogramma yoki matnli nuqtalarni joylashtirish va raqamli punktlarni o'zgartirishingiz kerak.
    

    Belgilangan (o'lchanmagan) ro'yxatni qanday tashkil qilish kerak?

    Ekran Li Li listi Alternativ piktogrammalar bilan

    Menga bunday belgilangan ro'yxatni juda yoqdi

    Ul (plakding: 11px 0 5px 0;) ul lika (32px; shrift: 1px; 2e2e2e; chiziq balandligi: 1,6; chegara-pastki: 1px o'chirildi; pladding-pastki: 10px;) ul LI: Oldin: - 35px; FORTH; URL ("Rasmlar / Sprite. jpg ") 0px 2px hech qanday takrorlash yo'q; Sceorati: Sayyly; OLISh: Muttx; -35px; -35px; -3 : -2px; fon: URL ("Rasmlar / Sprite.jpg") 0px -17px-ni takrorlash; Ro'yxat uslubi: doirasi;)

    Siz standartlar ro'yxati uslubini o'zgartirishingiz mumkin, "Belgi belgisiga yo'l" ni tayinlashingiz mumkin - Ro'yxat uslubidagi rasm: URL. Ammo keyin siz sayt krep-dagi tashqi ko'rinishni ro'yxatdan o'tkazishingiz kerak - bu piktogrammalar ko'rsatilmaydi, kontent sohasining hududidan tashqariga chiqadi.

    Eksperimentga belgi qo'yish mumkin:

    Ul LI (rasmlar / radio.png); marja-chap: 30px;)

    Belgilarning almashinuvi NX-Bola (an) mol-mulk tomonidan o'rnatilishi mumkin. Misol Psevdo-elementdan foydalanadi.

    Kod bitta soxta sinfning bitta (2n) ni qayd etdi. Uning qiymati - 2. Boshqa identifikator bir-biriga mos keladi. Agar 2n yozish 2n @ 1 bo'lsa, boshqa belgisi toq buyumlarni bajarishi kerak bo'ladi.

    Har bir ro'yxatdagi mahsulot uchun siz pastki chizig'ini o'rnatishingiz mumkin. Yuqoridagi misolda narsalar nuqta bilan ta'kidlangan.

    Shuningdek, har bir element ramka, fon, piktogrammalarni belgilashi mumkin. Faqatgina butunlay qilmang. Bizning vazifamiz - barchani yopishtirish, dizaynni itarib, tarkibni idrok etish sifatini oshirish.
    

    Sahifada turli xil dizaynlar bilan bir nechta ro'yxatlarni qanday namoyish etish kerak?

    Ba'zida siz turli xil turlarni turli xil uslublar bilan joylashtirishingiz kerak.

    Agar siz umumiy uslubingizni tayinlasangiz, o'sha dizayn barcha ro'yxatlarga tayinlanadi. Agar siz OL yoki UL yorlig'ini alohida identifikatorga tayinlasangiz va HTML-moddani tahrirlash rejimida yozsangiz, turli xil ro'yxatlar ko'rsatish mumkin. Xo'sh, ushbu ID uchun uslub faylida individual uslublarni ro'yxatga olishingiz kerak.

    Bu erda, masalan, bitta chiroyli dizayn variant:

    HTML-da siz quyidagi ro'yxatni ro'yxatdan o'tkazasiz:

    Tarkib
    1. 1-band
    2. 2-band
    3. 3-band

    CSS-da siz shunga o'xshash uslublarni so'rasiz:

    Ol # SOD (pladding: 0px 20px 10px 51px; 0.5e2e; # F1C3C7 4PX qattiq; Displey - blok;) Ol # sod Li () OL # SOD LI: Oldin (shrift-vazni: normal! muhim)

    Yangi uslub OL yorliqning asosiy dizaynidan farq qiladi: fon, Displey uslubi, tarkibning chap tomoniga chiziq.

    Matnda foydalanishda bir nechta turli xil ro'yxatlar ro'yxati mavjud, siz yanada qiziqarli ma'lumotni amalga oshirasiz. Har qanday elementni lib etishda siz ba'zi piktogrammalarni o'rnatishingiz mumkin va harakatlar bajarilganda - boshqalar. Bu erda dizayn faqat sizning xayolingiz bilan cheklangan.

    Ushbu usullar qo'llanilishi va menyu elementlari, fikri va boshqa boshqa elementlarni loyihalashda qo'llaniladi.
    

    Tarkiblar ro'yxatida armatura havolalarini qanday yaratish mumkin?

    HTML kodida ularni qanday ro'yxatdan o'tkazish kerak? Kodning bir qismi langar havolasini tuzatdi, va boshqa kodning yana bir qismi biz havolani bosganingizda yuborish kerak bo'lgan joyga o'rnatiladi.

    Tarkib
    1. 1-chi.
    2. 2-chi unvoni.
    3. Sarlavha 3.

    Va maqola matnida siz shunday yozishingiz kerak:

    Sarlavha 1 ... Sarlavha 2 ... Sarlavha 3 ...

    Ehtimol, tajribali veb-ustalar meni tuzatadi. Men shunchaki o'zimni mashq qildim.

    Agar sizda biron bir savol bo'lsa, sharhlarda ularni ko'rganimdan xursand bo'laman.

    Asleev Veronika.

    Ehtimol, siz ham sizni qiziqtirasiz:

    Salom, aziz blogi o'quvchilari veb-sayti. Bugungi kunda ushbu toifa doirasida men maxsus dizaynlangan Tags UL, OLI, LI va DL asosida yaratilishi mumkin bo'lgan turli xil HTML ro'yxatlari haqida gapirishni xohlayman. UL va Li juftligidan foydalanib, etiketlangan ro'yxatlar OL va Li-sonli va DL, DT va DD elementlari yordamida aniqlangan, deyiladi. Shuningdek, biz Nishon tuzilmalarini yaratish uchun qisqacha printsiplarni ko'rib chiqamiz.

    Sizga shuni eslatib o'tmoqchimanki, biz allaqachon boshqarganimizni, shuningdek, zamonaviy, shuningdek, reja tuzganlari (). Bundan tashqari, biz poydevorlarga, shuningdek, o'rganganimizda.

    Teglar ul va Li asosida belgilangan ro'yxatlar

    Yorliqlar ro'yxatini yaratish va raqamlangan-Ol yaratish uchun ul yorliq ishlatiladi. Ushbu teglar, xuddi elementli lip kabi juft va blokirovka qiladi.

    Alohida ro'yxat elementlari Ochilish va yopilish yorlig'i orasida joylashgan bo'lib, u o'z navbatida Li-ning ochilish va yopilishiga tegishli. Yuqoridan va HTML ro'yxatlarining pastki qismida brauzer paragraf yorlig'ida yaratilgan chekinishlarga o'xshash narsalarni bir qatorga qo'shadi.

    Masalan, ko'rib chiqaylik, masalan, bu kabi ko'rinadigan yorliqli versiya:

    • Birinchi satr
    • Ikkinchi
    • Oxirgi element

    Ochilish va yopilish teglari, ul, faqat li elementlari o'rnatilishi mumkin, har qanday tarkibni (matn, rasmlar, paragraflar, paragraflar, havolalar, hatto boshqa ro'yxatlar qo'yish mumkin.

    Ular. Ul faqat belgilangan (buyurilmagan) ro'yxatini tashkil qilish uchun, shuningdek, veb-sahifada ko'rishingiz uchun LI elementlari tarkibi yordamida amalga oshiriladi.

    UL uchun siz "Turli" atribut uchun har xil qiymatlarni belgilab, marker nuqtai nazarini o'zgartirishingiz mumkin. Agar "Turi" (markerlarning paydo bo'lishini boshqarish) UL element uchun belgilanmagan holda, standart marker ko'rinishi ko'rsatiladi (diskning matn rangiga bo'yalgan):

    1. - krem \u200b\u200b(standart);
       • - bo'yalgan doira emas;
         • - kvadrat

    Misollar, turdagi atribut, biz barcha elementlar uchun ushbu turdagi markerlardan foydalanib, ul elementda buyurilgan. Ammo "Turli" atributi har bir alohida LI yorlig'iga buyurilishi mumkin, bu mahsulotning o'z markasini belgilash uchun o'z marker turini belgilash mumkin.

    Har bir element uchun turli xil marker bilan belgilangan ro'yxatga misol:

    

    1. Disk markeri
    2. Bo'yalgan disk shaklida marker
    3. Kvadrat

    OL-ga asoslangan HTML-dagi raqamlar

    Raqamli ro'yxatni yaratish uchun OL teglari ishlatiladi, ichkarisida li elementlar yana joylashgan bo'ladi. OL va LI, men allaqachon aytib o'tganimdek, bloklar (i.e., barcha joylarni kengligi bilan olib borishga intiling) va Oq ichidagi barcha elementlardan boshqa hech narsa qo'yilmaydi.

    Ma'lum bo'lishicha, Ol va UL xizmat teglari bo'lgan, faqat brauzerni ko'rsatish uchun zarur bo'lgan, biz qaysi ro'yxatni (etiketlangan yoki yoki raqamlangan) kerak. Raqamli bir narsada - har bir elementning chap tomonida biz marker emas, balki uning orqa tomoni va orqa tomoni:

    

    1. Birinchi satr
    2. Ikkinchi nuqta
    3. Uchinchi satr

    Men allaqachon biroz yuqoriroq aytib o'tganimdek, ul, OL va Li elementlari turdagi atributlardan foydalanish imkoniyatiga ega. Bu sizga marker turini sozlash yoki qaysi raqamlar yoki harflar ro'yxatga kiritilgan elementlar bo'lishi mumkin. Raqamli ro'yxat uchun ushbu atribut parametrlari quyidagi qiymatlarni olishlari mumkin:

    1. - raqamlash an'anaviy arab raqamlari bilan amalga oshiriladi (bir xil variant, agar "Turli" atribut bo'lmasa, ulardan foydalanadilar;
       1. - Raqamlash sifatida bosh harflar;
          1. - kichik harf;
             1. - poytaxt Rim raqamlari;
                1. - kichik harflar

                   Har bir element uchun turli xil raqamlar bilan raqamlangan ro'yxatga misol:

                   

                   1. katta Rim raqamlari bilan raqamlash bilan
                   2. Kichik lotin harflari bilan raqamlash
                   3. Kichik rim raqamlash

                   Raqamli ro'yxatlarni yaratishda, shuningdek, jihozdan raqamni ishga tushirishni boshlash imkoniga ega, ammo atribut atributlarida ko'rsatilgan raqamdan. Masalan:

                   1. Olge atribut startle-dagi raqami o'rnatilgan birinchi element \u003d "23"
                   2. Har bir birlik katta hajmdagi
                   3. Yana bir kishi

                   OL uchun siz har qanday qiymatdan yangi raqamdan, har qanday elementdan boshlab, ochilgan Li elementini istalgan raqam bilan ochish atributida gapirishingiz mumkin. Masalan:

                   1. Birinchi nuqta
                   2. Ushbu element qiymatdagi raqamni qabul qiladi \u003d "32" atribut
                   3. Katta raqam bilan ishora

                   CSS-larda ro'yxatlar paydo bo'lishini ro'yxatdan o'tkazish (stol jadvallari)

                   Ammo, qoida tariqasida, endi markerlarning paydo bo'lishi tip atributi orqali berilmaydi, ammo buning uchun tegishli xususiyatlar buyuriladi.

                   Bu erda men shunchaki raqamlanmagan ro'yxatlar uchun turli markerlarga misol keltiraman, uning ko'rinishi kaskadli uslublar jadvallari bilan alohida fayl orqali o'rnatiladi.

                   • Birinchi nuqta
                   • Ikkinchi
                   • Oxirgi

                   Ammo biz keyingi maqolalarda gaplashamiz. Shu tarzda, bu blogda ul uchun markerlarning paydo bo'lishi shu tarzda belgilanadi. Rasmlar markerlar sifatida ishlatiladi: oddiy bo'lmagan ro'yxatdagi oddiy narsalar uchun -, o'lja bo'lmagan ob'ektlar uchun.

                   HTML kodidagi maxsus va kichik ro'yxatlar

                   Uchinchisi va oxirgi qarash "ta'riflar ro'yxati" deb nomlanadi va ular uchta teglar - dl, dt va dd foydalanadilar. DL ta'riflar ro'yxatiga amal qiladigan brauzer haqida xabar beradi.

                   Odatda bu tur ishlatiladi (yaxshi yoki u ishlatilgan deb taxmin qilingan deb taxmin qilingan) lug'at maqolalari va ularning tavsiflari (DD Taksdagi mahbuslar).

                   Birinchi atama

                   Tavsif

                   Ikkinchi atama

                   Uning tavsifi

                   

                   Agar siz yuqoridagi misolga qarasangiz, DD elementini (muddat tavsifi) o'zgartirgan (40 pikselga) o'zgartirilganligini (40 pikselga) (atamaning o'zi) o'zgartiradi.

                   Umuman olganda, DL, DT va DD blokli teglar va DT element ichidagi tarkibda siz faqat chiziq teglari bilan tarkibni kiritishingiz mumkin (shundaki, DT sarlavhalar va paragraflarning blokdagi elementlaridan foydalanish mumkin emas). Va DD Taks ichida siz biron bir element va kichik harflar va bloklarni kiritishingiz mumkin.

                   Ichki ro'yxat HTML oddiy o'xshashlik bilan yaratilgan, ammo asosiy ro'yxat ichida, elementlarning bir qismi yana bir bor ochilish va yopilishda bir marta, UL yoki OL yorlig'ida bir marta.

                   Shuni esda tutingki, u biriktirilgan element yaratilishi faqat biriktirilgan ro'yxatning butun kodidan keyin amalga oshiriladi (bu veb-sahifada to'g'ri ko'rsatilgan bo'lishi uchun juda muhim). Ilova qilingan ro'yxat quyidagicha ko'rinishi mumkin:

                   

                   1. Asosiy sonning birinchi nuqtasi
                   2. Ikkinchi nuqta
                      • Xatlar belgilangan birinchi elementi
                      • Ikkinchi
                      • Belgilangan uchinchi va oxirgi nuqtasi
                   3. Uchinchi element raqamlangan

                   Omad sizga! Blog sahifalaridagi noaniq uchrashuvlarga

                   Sizni qiziqtirishi mumkin

                   HTML havolasi va rasmni qanday kiritish kerak (foto) - IMG va teglar Tanlash, Tekshirish, yorliq, kadrlar, afsonalar - HTML teglari Orqa ochilish ro'yxatlari va matn maydonining shakllari
                   Veb-elementlarni yaratish uchun HTML shakllari - Teglar shakllantiradi, kirish va -ni tanlang, Tanlash, Tasvirlar, yorliq va boshqalarni veb-to'plamlarni yaratish uchun
                   Ranglar HTML va CSS kodida o'rnatilganligi sababli, jadvallarda RGB soyalarini tanlash, Yandex va boshqa dasturlarni berish
                   Veb-sahifalardagi Media tarkibini (video, flesh, flesh, audio) tarqatish va obuntlar - HTML yorliqlari
                   H1-H6 sarlavhasi, HR gorizontal liniya, HRML 4.01-xabariga ko'ra, RR va PS paragrafning yorliqlari va atributlari
                   HTML - Teglar jadvali, TR va TD, shuningdek, kollepan, uy nameli, uyali plastiklar va ularni yaratish uchun Roidapan
                   HTML gipertekmatning tamoyilligi tili va W3C tekshiruvchisidagi barcha teglar ro'yxatini qanday ko'rish mumkin?
                   Shrift teglari (yuz, o'lcham va ranglar), blokirovka va oldindan eskirgan matn formatlash (CSS-dan foydalanmasdan)
                   Iframe va ramka - nima va HTML-dagi ramkadan qanday foydalanish kerak?
                   IMG - Rasmlarni (SRC) joylashtiring, uni matnli (tekislash), shuningdek fon vazifalari (fon) bilan to'ldirish va soddalashtirish uchun

                   Html teglari

                   Ma'no va dastur

                   Raqamlangan (buyurtma qilingan) ro'yxat ma'lum buyurtma asosida amalga oshiriladigan narsalar uchun mo'ljallangan. Raqamlangan ro'yxat yorliqdan boshlanadi

                   (ingliz tilidan qisqartirilgan buyurtma qilingan ro'yxat. - buyurtma qilingan ro'yxat). Ro'yxatning har bir elementi yorliqdan boshlanadi
                   1. (Ro'yxat element).

                      Qo'llab-quvvatlash brauzerlari

                      Xususiyat			Opera.		IExplorer.	Chekka.
                      boshlash, kiriting	Ha	Ha	Ha	Ha	Ha	Ha
                      teskari	Ha	Ha	Ha	Ha	Emas	Emas

                      Atributlar

                      Xususiyat	Qiymati	Tavsif
                      ixcham.	ixcham.	Html5-da qo'llab-quvvatlanmaydi. Ro'yxat odatiy hajmdan kamroq bo'lishi kerakligini bildiradi (satr balandligi: 80%). Ushbu atribut o'rniga CSS-dan foydalaning.
                      	teskari	Belgilangan (buyurtma qilingan) ro'yxatdagi tartib kamayib borishi kerakligini bildiradi. Atribut Internet Explorer va Egles brauzerlari tomonidan qo'llab-quvvatlanmaydi.
                      boshlash.	raqam	Raqamlangan (buyurtma qilingan) ro'yxatning boshlang'ich qiymatini belgilaydi. Qiymatlar butun son bo'lishi kerak, bunga salbiy qiymatlardan foydalanish mumkin. Harflar bilan ishlatilganda (\u003d "a" va tipingiz \u003d "a"), atributda ko'rsatilgan raqam alifboda harfning seriyali raqami. Masalan, boshlang'ich \u003d "4" harfga mos keladi "D" Va ro'yxat u bilan boshlanadi. Start-dan foydalanganda \u003d "27" qiymati, peshtaxta tiklanmoqda, ro'yxat ikki raqamli ("27", "AA", "AC" ... "AC" ... " .
                      tur	1 (standart) Katta) a (kichik harflar) I (katta rum) i (kichkina rim)	Belgilangan (buyurtma qilingan) ro'yxatini qurishda ishlatiladigan marker turini aniqlaydi.

                      Foydalanish namunasi

                      1. Birinchi nuqta Ikkinchi nuqta
                      2. Uchinchi nuqta

                      Sahifaga qarang, u mos ravishda:

                      1. Birinchi nuqta.
                      2. Ikkinchi element.
                      3. Uchinchi nuqta.

                      Agar siz ro'yxatni ma'lum bir raqamdan boshlashini xohlasangiz (1 dan emas), siz yorliq uchun start atributini ko'rsatishingiz kerak

                      .

                      Masalan:

                      Yana bir qiziqarli atribut - bu sizga alifbo raqamini ("A" - "A" - "A" - "A" qatoridagi raqamni o'rnatishga imkon beradi ("i" - "Men" - in pastroq registr).

                      Mumkin bo'lgan barcha atribut qiymatlari berilgan misolni ko'rib chiqing (standart qiymatdan farq qiladi):

                      >
                      1. Birinchi nuqta Ikkinchi nuqta
                      2. Uchinchi nuqta
                      >
                      1. Birinchi nuqta Ikkinchi nuqta
                      2. Uchinchi nuqta
                      >
                      1. Birinchi nuqta Ikkinchi nuqta
                      2. Uchinchi nuqta
                      >
                      1. Birinchi nuqta Ikkinchi nuqta
                      2. Uchinchi nuqta

                      Boshqa raqamlangan ro'yxatlarga investitsiya kiritilgan raqamlangan (buyurtma qilingan) ro'yxatlarni yaratishga ruxsat berildim (ro'yxat elementida)

                      3. ):
                         1. Birinchi nuqta
                            1. Birinchi nuqta Ikkinchi nuqta
                            2. Uchinchi nuqta
                            Ikkinchi nuqta
                            3. Uchinchi nuqta

                            Sahifaga qarang, u mos ravishda bo'ladi.