Ta'riflar ro'yxatining elementi. HTML: raqamlangan va markirovka qilingan ro'yxat
Ro'yxatlar kontentning muhim qismidir, chunki ular ma'lumotni tartibga solishga yordam beradi. Ro'yxatlardagi matn yaxshiroq qabul qilinadi va eslab qolish osonroq.
Eng oddiyi shundaki, uning har bir elementi oldida marker - doira, kvadrat yoki doira mavjud. Belgilangan ro'yxatdagi elementlarning tartibi muhim emas.
Uni yaratish uchun siz faqat ikkita tegdan foydalanishingiz kerak:
Va
elementlari teg bilan ko'rsatilgan ro'yxatni o'z ichiga olgan konteyner
- Tosh
- Qaychi
- Qog'oz
Odatiy bo'lib, ro'yxat belgisi qora doira ( disk). Tegga qo'shish orqali
atribut turi va unga tegishli qiymatni belgilash orqali markerni aylanaga o'zgartirish mumkin ( doira) yoki qora kvadrat ( kvadrat).
Belgilanganlardan farq qiladi, chunki undagi elementlarning tartibi muhim va shuning uchun bu erda marker o'rniga ketma-ket raqamlar yoki harflar qo'llaniladi. Ro'yxatdagi tartib haqida tashvishlanishning hojati yo'q: brauzer bu vazifani bajaradi. Agar siz ro'yxatni o'zgartirsangiz (tartibsiz elementni olib tashlasangiz yoki qo'shsangiz), brauzer uni qayta hisoblab chiqadi va uni to'g'ri ko'rsatadi.
Teglar raqamlangan ro'yxatlarni yaratish uchun ishlatiladi
Va
ro'yxatning boshi va oxirini belgilaydi, teg
bilan almashtirildi
.
- Tosh
- Qaychi
- Qog'oz
Raqamli ro'yxatlar bilan narsalar har doim ham oddiy emasligi sababli, teg uchun
quyidagi atributlarni yaratdi (eslatma: quyida faqat raqamlangan ro'yxat mavjud):
1. turi. Ushbu atribut ro'yxatni nafaqat arabcha, balki rim raqamlari yoki lotin harflari bilan ham raqamlash imkonini beradi. turi 1 (standart), a, A, i, I qiymatlarini qo'llab-quvvatlaydi (ular bilan o'zingiz sinab ko'ring).
2. boshlash. Raqamlash har doim ham bittadan boshlanishi shart emas. Ushbu atribut sizga boshlang'ich qiymatni - ro'yxatning birinchi elementining raqamini o'rnatishga imkon beradi. Unda hisobot, masalan, 100 raqami yoki K harfi bilan boshlanishini belgilashingiz mumkin.
3. teskari. Agar ro'yxat 1 dan 10 gacha emas, balki 10 dan 1 gacha bo'lishi kerak bo'lsa, bu atributdan foydalanish kerak. Agar u ko'rsatilgan bo'lsa, raqamlash teskari tartibda bo'ladi.
Ro'yxatning o'rtasida joylashgan elementga ixtiyoriy raqamni belgilash uchun tegda foydalanishingiz kerak.
Ro'yxatning o'rtasida joylashgan bitta elementning raqamini o'zgartirish orqali siz undan keyingi barcha elementlarning raqamlanishini o'zgartirasiz - hisobot qiymat atributidagi qiymatdan boshlanadi. Masalan, agar siz 18-elementga 35 raqamini bergan bo'lsangiz, undan keyingi elementlarda 19, 20, 21 emas, balki 36, 37, 38 raqamlari bo'ladi.
Ta'riflar ro'yxati
Yuqorida muhokama qilingan ro'yxatning mashhur turi emas. Atamalar va ularning ta'riflaridan iborat. Teglar yordamida yaratilgan:
- ro'yxatni o'z ichiga olgan konteyner.
Ta'riflar ro'yxatini qo'llash doirasi lug'atlar, ma'lumotnomalar, testlar, lug'atlar va "Terminal - tushuntirish" turidagi boshqa keng ko'lamli ro'yxatlardir.
Mana ta'riflarning misol ro'yxati:
- Deskriptor
- Belgilash tilining asosiy birligi, hamma uchun "Teg" nomi bilan ma'lum.
- Atribut
- Tegni beradigan xususiyat qo'shimcha funktsiyalar matn dizayni.
- Yorliq
- Yopilishi shart bo'lmagan bitta teg.
Bir-biriga joylashtirilgan ro'yxatlardan iborat ro'yxat. Har xil turdagi ro'yxatlarni o'z ichiga olishi mumkin. Yaratishning qiyinligi teglarni to'g'ri joylashtirishni ta'minlashdadir, chunki ko'p darajali tuzilmada chalkashish oson.
Mana bir misol ko'p darajali ro'yxat:
- Strukturaviy
- Paskal
- Oberon
- Limbo
- Ob'ektga yo'naltirilgan
- Java
- Funktsional
- Lisp
- Python
HTML ma'lumotlarni ro'yxatlar shaklida taqdim etish uchun maxsus teglar to'plamini taqdim etadi. Ro'yxatlar ma'lumotlarni taqdim etishning eng ko'p qo'llaniladigan shakllaridan biridir elektron hujjatlar, va bosma nashrlarda. Biz deyarli har kuni ro'yxatlarga duch kelamiz - bu do'kondagi kerakli xaridlar, sinfdagi talabalar yoki oddiygina bajarilishi kerak bo'lgan narsalar ro'yxati bo'lishi mumkin. Ro'yxat tuzilmalarini tashkil qilish qobiliyati ko'pchilikda mavjud matn muharrirlari, xususan, kuchli matn protsessor Microsoft Word har xil turdagi ro'yxatlarni formatlash uchun qulay vositalarga ega (Microsoft Word yordamida HTML ro'yxatlarini yaratish imkoniyatlari 8-bobda muhokama qilinadi). Bu erda ro'yxatlardan foydalanish juda qulay bo'lgan bir qator holatlar mavjud:
- O'qilishi mumkin bo'lgan ko'rinishni yaratish uchun ma'lumotlar qismlarini yagona tuzilishga birlashtirish.
- Murakkab bosqichma-bosqich jarayonlar tavsifi.
- Hujjatning tegishli bo'limlarini ko'rsatadigan paragraflar bilan tarkib jadvali uslubidagi ma'lumotlarning joylashishi.
E'tibor bering, yuqoridagi fikrlar ro'yxat tuzilmasi shaklida aniq tashkil etilgan.
HTML ro'yxatlarning quyidagi asosiy turlarini taqdim etadi: markirovka qilingan, raqamlangan va aniqlangan ro'yxat. Ro'yxatlarni amalga oshirish uchun har xil turlari Quyidagi teglar ishlatiladi:
- ,
- (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 - Qo'y
- Toros
- Egizaklar
- Saraton
- sher
- Bokira
- Tarozilar
- Chayon
- Sagittarius
- Uloq
- Kova
- Baliq
Zodiak belgilari:
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 tili bo'yicha 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 token turini boshqacha talqin qilishadi individual element ro'yxati. 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-brauzer 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:Belgilangan roʻyxat Zodiak belgilari:
Qo'y
Guruch. 2.2. Grafik markerlar bilan markirovka qilingan ro'yxat
Yuqoridagi misolda ro'yxat elementi belgisi hisoblanadi grafik fayl Green_ball.gif. E'tibor bering, HTML-sahifalarda grafikadan foydalanish uzatiladigan ma'lumotlar hajmini sezilarli darajada oshirishi mumkin. Biroq, ichida Ushbu holatda bu o'sish juda kichik. Bu erda barcha markerlar uchun bir xil fayl ishlatiladi,
faqat bir marta uzatiladi. Kichik rasmning fayl o'lchamlari ham juda kichik.
Eslatma
Grafik o'qlar bilan ro'yxatlar yaratish texnikasi 8-bobda navbat bilan ko'rib chiqiladi.
Raqamlangan ro'yxat
HTMLda amalga oshirilgan ro'yxatning yana bir turi raqamlangan ro'yxatdir. Aks holda, ushbu turdagi ro'yxatlar tartibli deb ataladi. Familiya ko'pincha tegishli teg nomining rasmiy tarjimasi sifatida ishlatiladi
- , uning yordamida HTML hujjatlarida ushbu turdagi ro'yxatlar tashkil qilinadi (OL - Tartibli ro'yxat, tartiblangan ro'yxat).
- .
Raqamlangan ro'yxat yordamida HTML hujjatiga misol: qaysini ko'rsatish brauzer rasmda ko'rsatilgan. 2.3.
Raqamlangan ro'yxatga misol - Sirius
- K anopus
- Arktur
- Alpha Centauri
- Vega
- K appella
- Rigel
- Procyon
- Achernar
- Beta Kentavr
- Wetelgeuse
- Aldebaran
. . .- Mizar
. . .- Polar
Yerdan ko'rinadigan eng yorqin yulduzlar:
Guruch. 2.Z. Raqamlangan ro'yxat
Tegda
- Quyidagi parametrlarni belgilash mumkin: COMPACT, TYPE va START.
- .
Misol kiritish:
- .
START teg parametri
- ro'yxatni bittadan boshqa narsadan raqamlashni boshlash imkonini beradi. START parametrining qiymati ro‘yxat raqamlash turidan qat’iy nazar har doim natural son bo‘lishi kerak. Mana bir misol:
- raqamlangan roʻyxatlar uchun TYPE va VALUE parametrlaridan foydalanishga ruxsat beradi. TYPE parametri teg bilan bir xil qiymatlarni olishi mumkin
- .
- .
Eslatma
Brauzerlar alohida ro'yxat elementi uchun raqamlash turini boshqacha talqin qilishadi. Netscape brauzeri ushbu element va undan keyingi barcha elementlar uchun raqamlash turini keyingi bekor qilinmaguncha o'zgartiradi. Internet Explorer faqat ushbu element uchun raqamning ko'rinishini o'zgartiradi.
ZVALUE teg parametrining qiymati
- - berilgan ro'yxat elementining sonini o'zgartirish imkonini beradi. Bu barcha keyingi elementlarning raqamlanishini o'zgartiradi. Odatiy dastur - bu ba'zi elementlari etishmayotgan ro'yxatlar. Bunday ro'yxatning misoli yuqorida keltirilgan (2.3-rasm). U eng yorqin yulduzlarning tartiblangan ro'yxatini beradi, ularda 58 va 75-o'rinlar bizning kengliklarda aniq ko'rinadigan yulduzlardir (Mizar - Buyuk Ursa yulduz turkumidagi eng yorqin yulduz va Polaris - Kichik Ursa yulduz turkumidagi eng yorqin yulduz). .
Raqamlashning har xil turlaridan foydalanishning yana bir asl misolini keltiraylik. Quyidagi HTML kod turli xil raqamlangan uchta ro'yxatni o'z ichiga oladi. Ko'rish qulayligi uchun ro'yxatlarning har biri alohida jadval katakchasiga joylashtirilgan. Barcha uchta ro'yxat bir xil va faqat raqamlash turi bo'yicha farqlanadi: jadvalning birinchi ustunida arab raqamlari, ikkinchisida - rim raqamlari, uchinchisida raqamlash lotin harflarida. E'tibor bering, ro'yxat elementlari bo'sh, ya'ni har qanday tegdan keyin
- ma'lumotlar yo'q. Bunday misoldan arab va rim raqamlaridagi raqamlarni yozish o'rtasidagi yozishmalar jadvali sifatida foydalanish mumkin. Ma'lum bo'lishicha, ro'yxatlarni qo'llab-quvvatlaydigan har qanday brauzer bunday jadvalning generatori sifatida ishlatilishi mumkin (2.4-rasm), siz faqat berilgan HTML kodni kiritishingiz kerak. Rim raqamlarida raqamlash 3999 qiymatiga qadar to'g'ri ishlaydi. O'ng ustunni o'rganib, Rim harflarida raqamlash qanday amalga oshirilishini tushunishingiz mumkin. Bir harfli raqamlash (A dan Z gacha) tugagach, birinchi ikki harfli raqam keyingi raqam sifatida olinadi - AA va boshqalar.
Ro'yxatlarda raqamlashning har xil turlaridan foydalanish -
. . .
-
. . .
-
. . .
Guruch. 2.4. HTML ro'yxatini raqamlashning har xil turlari
Ta'riflar ro'yxati
Ta'rifli lug'atlar deb ham ataladigan ta'rif ro'yxatlari ro'yxatning maxsus turidir. Boshqa turdagi ro'yxatlardan farqli o'laroq, ta'riflar ro'yxatining har bir elementi doimo ikki qismdan iborat. Ro'yxat elementining birinchi qismida aniqlanayotgan atama, ikkinchi qismida esa atamaning ma'nosini ochib beruvchi lug'at yozuvi ko'rinishidagi matn mavjud.
Ta'riflar ro'yxati konteyner tegi yordamida belgilanadi
- (Ta'riflar ro'yxati). Yorliq bilan konteyner ichida
- (Tanriflash Termi) belgilanayotgan atama va teg belgilanadi
- (Ta'rif tavsifi) - uning ta'rifi bilan paragraf. Teglar uchun
- Va
- Tegishli yopish teglarini qoldirishingiz mumkin.
Umuman olganda, ta'riflar ro'yxati quyidagicha yozilgan:
- Muddati
- Terminning ta'rifi
Tegdan keyingi matnda
- paragraf teglari kabi blok darajasidagi elementlardan foydalanish mumkin emas
Yoki sarlavhalar
-
. Qoida tariqasida, belgilangan atama matni bir qatorda joylashgan bo'lishi kerak. Atama ta'rifini o'z ichiga olgan matn atama ta'rifidan so'ng keyingi satrdan (yoki ba'zi brauzerlar uchun har bir satrdan) o'ng tomonga chekinish bilan ko'rsatiladi. Tegdan keyin joylashtirilgan ma'lumotlarda
- , blok darajasidagi elementlar joylashishi mumkin. Bundan kelib chiqadiki, xususan, ta'riflar ro'yxatini joylashtirish mumkin.
Tegda
- COMPACT parametri belgilanishi mumkin, uning maqsadi yuqorida tavsiflangan boshqa ro'yxatlarga o'xshash.
- Flegmatik odam
- Passiv, juda mehnatkash, sekin moslashish;
barqaror kayfiyat, tashqi ta'sirga ozgina sezgir;
hissiy reaktsiyalarning letargiyasi va ixtiyoriy faoliyatdagi sekinlik
- Sanguine
- Faol, baquvvat, moslashuvchan, -
hissiy reaktsiyalarning jonliligi va harakatchanligi, irodaviy ko'rinishlarning tezligi va kuchi
- Xolerik
- Faol, juda baquvvat, qat'iyatli;
hissiy reaktsiyalarning jadalligi va kuchi, irodaning zo'ravonlik namoyon bo'lishi
- Melankolik
- Passiv, osongina charchagan, moslashish qiyin, -
irodaviy ko'rinishlarning zaifligi va tushkun kayfiyatning ustunligi, o'ziga ishonchsizlik - Zempya
- Oy
- Mapc
- Fobos
- Deimos
- Uran
- Ariel
- Umbriel
- Titaniya
- Oberon
- Miranda
- Neptun
- Triton
- Nereid
Ro'yxatlarning asosiy qo'llanilishi:
Raqamlangan - qat'iy belgilangan tartibda keladigan elementlarni ro'yxatga olish.
Belgilangan - elementlarni tasodifiy tartibda ro'yxatga olish.
Ko'p darajali - ma'lum elementlarning ma'lumotlarini ko'rsatish uchun.
Ta'riflar ro'yxati - lug'atlarni formatlash uchun ishlatiladi.
Raqamlangan ro'yxat html sahifasi
Teglar raqamlangan ro'yxatlarni yaratish uchun ishlatiladi
-
teg
-
Odatiy bo'lib, ro'yxat elementlari 1, 2, 3 tartibda raqamlangan... TYPE atributidan foydalanib, raqamlash uslubini o'zgartirishingiz mumkin.
Qiymat raqamlash A TURI A, B, C.. a a, b, c.. I I, II, III.. i i, ii, iii.. 1 1. 2. 3..
Agar siz allaqachon qo'shsangiz mavjud ro'yxat yangi qiymatlar bo'lsa, brauzer uni avtomatik ravishda qayta hisoblab chiqadi.
START VALUE atributlaridan foydalanib, ro‘yxatning raqamlash tartibini o‘zgartirishingiz mumkin.
START - ro'yxatning 1 dan farqli boshlang'ich raqamini belgilash uchun ishlatiladi.
VALUE - ro'yxatning istalgan elementiga ixtiyoriy raqam berish imkonini beradi.
Misol:
Belgilangan ro'yxat html sahifasi
Teglar markirovka qilingan ro'yxatlarni yaratish uchun ishlatiladi
- alohida ro'yxat elementining boshini/oxirini ko'rsating.
Odatiy bo'lib, ro'yxat elementlari qora doira bilan belgilanadi. TYPE atributi belgilash uslubini o'zgartirish uchun ishlatilishi mumkin.
Bitta ro'yxatda siz ro'yxat elementlari uchun turli belgilardan foydalanishingiz mumkin.
Misol:
Ko'p darajali ro'yxat html sahifasi
Ko'p darajali ro'yxatlarni yaratish uchun siz markirovka qilingan yoki raqamlangan ro'yxatlardan yoki ikkalasining kombinatsiyasidan foydalanishingiz mumkin. Ko'p darajali ro'yxat bir ro'yxatni boshqasining tanasiga joylashtirish orqali yaratiladi. Asosiy vazifa chalkashmaslikdir. Buning uchun men sizga alohida ro'yxatlar uchun turli xil chekinishlarni qilishni maslahat beraman.
Html sahifa ta'riflari ro'yxati
Ta'riflar ro'yxatini yaratish uchun uchta tegdan foydalaniladi:
- - ro'yxatning boshi/oxiri.
- - muayyan atamaning boshlanishi/oxiri.
- - atamaning izohli maqolasining boshi/oxiri.
Teglar
- Va
- almashtirish shart emas. Bular. Siz bir nechta atamalarni bitta ta'rifga "bog'lashingiz" mumkin va aksincha.
Misol:
HTML kodi:
- 1 muddat
- Xulosa 1 dan 1 gacha
- Xulosa 2 dan 1 gacha
Brauzer ekrani:
1 atama Referat1 dan 1 tagacha Annotatsiya2 dan 1 gachaUshbu saytda ba'zi elementlarga ma'lum uslublar qo'llanilganligi sababli, ularning jadvaldagi ko'rinishi siz oladigan narsadan biroz farq qiladi.
Belgilangan ro'yxatlar katta matnni alohida bloklarga ajratish imkonini beradi, ularning har biri o'q bilan boshlanadi - odatda kichik nuqta. Bu esa o‘quvchi e’tiborini matnga qaratadi va uning o‘qishliligini oshiradi.
Element bilan
- Quyidagi xususiyatlar bog'liq:
- sodir bo'lgan joyda
- , brauzer avtomatik ravishda qatorni qo'shadi;
- ro'yxatning yuqori va pastki qismida chekinishlar mavjud;
- Odatiy bo'lib, markerlar to'ldirilgan doira sifatida ko'rsatiladi;
- Har bir ro'yxat elementi asosiy matnga nisbatan o'ngga siljiydi.
- disk - to'ldirilgan doira shaklida markerlar;
- doira - ochiq doira shaklidagi markerlar;
- kvadrat - kvadrat belgilar.
- Sepulki
- Sepulkariya
- Sepulenatsiya
- Bu ishlamaydi, shuning uchun siz uning atrofida ishlashingiz kerak bo'ladi. Buning uchun ro'yxat belgilarini list-style xususiyatidan foydalanib, none qiymati bilan va kontentdan oldingi matnda yashiring.
- Biz o'z belgimizni :: oldin psevdo-element yordamida qo'shamiz. 2-misolda uchburchak shunday marker vazifasini bajaradi.
2-misol: :: oldin foydalanish
Roʻyxatlar - Sepulki
- Sepulkariya
- Sepulenatsiya
Ushbu misolning natijasi rasmda ko'rsatilgan. 2. None qiymati bilan ro'yxat uslubi xususiyatidan foydalanish markerlarni umuman olib tashlamaydi, faqat ularni ko'rishdan yashiradi, ro'yxat o'ngga siljigan ko'rinadi. Ushbu xususiyatdan xalos bo'lish uchun misol salbiy qiymatga ega bo'lgan text-indent xususiyatini qo'shadi. Uning vazifasi matnni bir belgi chapga siljitishdir.
Guruch. 2. Ro‘yxatdagi ixtiyoriy belgilar
Belgining o'n oltilik formatda bo'lishi shart emas; uni to'g'ridan-to'g'ri matnga kiritish mumkin. Asosiysi, hujjatni UTF-8 kodlashda saqlash va muharrir uni qo'llab-quvvatlashi. Belgilarning o'zlari va ularning kodlari, masalan, LibreOffice Writer'dan olinishi mumkin (3-rasm).
Guruch. 3. LibreOffice'da belgi tanlash
Qo'lda chizilgan markerlar bilan ro'yxat
Uslublar list-style-image xususiyati orqali istalgan mos tasvirni marker sifatida belgilash imkonini beradi. Qiymat 3-misolda ko'rsatilganidek, grafik faylga nisbiy yoki mutlaq yo'ldir.
3-misol: Tasvirdan marker sifatida foydalanish
Roʻyxatlar - Sepulki
- Sepulkariya
- Sepulenatsiya
Ro'yxat elementlarini sarlavhalarga aylantirmaslik uchun kichik chizmani tanlash yaxshidir. Shaklda. 4-rasmda kichik rasmlardan marker sifatida foydalanish misolining natijasi ko'rsatilgan.
Guruch. 4. Marker sifatida chizish
Ro'yxat uslubidagi tasvirdan foydalanish ba'zi kamchiliklarga ega:
- naqshni yuqoriga yoki pastga siljitib bo'lmaydi;
- Turli brauzerlarda rasmning matnga nisbatan joylashuvi farq qilishi mumkin.
Ushbu kamchiliklarni fon xususiyatidan foydalanib oldini olish mumkin, u fon tasvirini o'rnatadi. Har bir ro'yxat elementi uchun
- biz asl markerlarni olib tashlaymiz va takrorlanmasdan fon tasvirini o'rnatamiz. Va matn rasmning tepasida ko'rinmasligi uchun uni chapga to'ldirish yordamida o'ngga siljitamiz (4-misol).
4-misol: Fondan foydalanish
Ul (chekka chap: -1em; ) li (roʻyxat uslubi: yoʻq; fon: url(images/bullet.png) takrorlanmaslik 0 2px; toʻldirish-chap: 20px; )
Matn va o'qning joylashuvi
Matnga nisbatan markerni joylashtirishning ikki yo‘li mavjud: marker ro‘yxat elementlari chegarasidan tashqariga ko‘chiriladi yoki matn atrofiga o‘raladi (5-rasm).
ichida tashqarida Guruch. 5. Markerlarni matnga nisbatan joylashtirish
Markerlarning joylashishini boshqarish uchun list-style-position xususiyatidan foydalaning. Uning ikkita ma'nosi bor: tashqarida - o'qlar matn blokidan tashqarida joylashgan (bu standart qiymat) va ichkarida - o'qlar matn blokining bir qismi bo'lib, ro'yxat bandida ko'rsatiladi (5-misol).
5-misol: Markerlar o'rnini o'zgartirish
Roʻyxatlar - Ishni boshlashdan oldin, 3BM to'plamiga kiritilgan uskunalar kiritilganligini tekshiring.
- Agar bir yoki bir nechta periferik qurilmalar etishmayotgan bo'lsa, darhol CCning texnik xodimlariga murojaat qilishingiz kerak.
- Ish joyingizni vizual tekshirgandan so'ng, siz 3BM ga quvvatni diqqat bilan yoqishingiz mumkin.
Ushbu misolning natijasi rasmda ko'rsatilgan. 6.
HTML ro'yxatlaridan foydalanib, siz o'zingizning saytingiz uchun turli xil elementlar va kichik elementlardan iborat menyu yaratishingiz mumkin. Ro'yxatlar yordamida saytning mazmuni (xaritasi) yaratiladi, bu qidiruv tizimlari uchun juda qulaydir.
Shunday qilib, "" teglari mavjud - ular markirovka qilingan ro'yxatni belgilaydi.
Teglar "" - elementlarni, ya'ni markirovka qilingan ro'yxat elementlarini belgilaydi.Birinchidan, keling, bir nechta elementlarning oddiy ro'yxatini tuzamiz:
<html > <bosh > <sarlavha > Oddiy HTML markirovka ro'yxatisarlavha > bosh > <tanasi > <ul > <li > Birli > <li > Ikkili > <li > Uchli > <li > To'rtli > ul > tanasi > html >- Uch
Html belgilari uchun siz ichida yozilgan ba'zi turlarni o'rnatishingiz mumkin
birinchi teg "- "V type=""
- To'rt
- To'rt
- Merkuriy
- Venera
- Yer
- Yupiter
- Saturn
- Neptun
- Pluton
- sarlavhasi "boshqa ro'yxatni qo'shing va keyin uni ikkinchi teg bilan yoping"
Keling, nuqtalar o'rniga kichik doiralar (teshilgan nuqtalar) bo'ladigan ro'yxat tuzaylik. Bu tur "deb ataladi. doira"
<html > <bosh > <sarlavha > HTML markirovka qilingan ro'yxatsarlavha > bosh > <tanasi > <ul turi= "doira"> <li > Birli > <li > Ikkili > <li > Uchli > <li > To'rtli > ul > tanasi > html >Endi “doira” turi o‘rniga “tur”ni o‘rnatamiz. kvadrat" (kvadratchalar)
<html > <bosh > <sarlavha > HTML markirovka qilingan ro'yxatsarlavha > bosh > <tanasi > <ul turi= "kvadrat"> <li > einli > <li > zweili > <li > dreili > <li > vierli > ul > tanasi > html >CSS darslari ro'yxatlar bilan ishlashni batafsil o'z ichiga oladi, ulardan siz elementlar va ulardagi matnlar uchun ranglarni qanday o'rnatishni, shuningdek marker turini qanday o'rnatishni o'rganishingiz mumkin (bu nafaqat kvadrat bo'lishi mumkin)
yoki nuqta - bu deyarli har qanday belgi bo'lishi mumkin).Raqamlangan ro'yxatlar html Ro'yxatlar nafaqat belgilanishi, balki raqamlanishi ham mumkin, chunki ba'zida bu zarur. Bu raqamlar (1, 2, 3...) va ingliz alifbosining kichik va katta harflari bo'lishi mumkin. Yuqorida tavsiflangan hamma narsani ko'rib chiqing.
Raqamlashni o'rnatish uchun "" teglari ishlatiladi.
Tur birinchi teg ichida ko'rsatilgan.Raqamlar bo'yicha raqamlash (bittadan)
<html > <bosh > <sarlavha > Raqamlangan html ro'yxatisarlavha > bosh > <tanasi > <ol > <li > Bir martali > <li > Ikkili > <li > Uchli > <li > To'rtli > ol > tanasi > html >Agar sizga noldan (nol) yoki masalan, uchtadan boshlash uchun raqamlash kerak bo'lsa, birinchi bo'lib teglarni yozishingiz kerak. start="" va kerakli raqam.
<html > <bosh > <sarlavha > Raqamlangan ro'yxat htmlsarlavha > bosh > <tanasi > <boshlang = "0" > <li > nolli > <li > bittali > <li > ikkili > <li > uchli > ol > tanasi > html >Keling, "harf raqamlash" ni qanday o'rnatishni ko'rib chiqaylik.
Kichik harfda:
<html > <bosh > <sarlavha > Raqamlangan ro'yxatlar htmlsarlavha > bosh > <tanasi > <ol turi = "a"> <li > Merkuriyli > <li > Venerali > <li > Yerli > <li > Marsli > ol > tanasi > html >Katta harf bilan:
<html > <bosh > <sarlavha > Raqamlangan HTML ro'yxatlarisarlavha > bosh > <tanasi > <ol turi = "A"> <li > Yupiterli > <li > Saturnli > <li > Uranli > <li > Neptunli > <li ><b> Plutonb>li > ol > tanasi > html >Htmldagi oddiy ro'yxatlarga qo'shimcha ravishda siz ko'p darajali ro'yxatlarni, ya'ni ma'lum elementlar uchun bo'limlarni yaratishingiz mumkin. Buning uchun teg va sarlavhadan keyin "
"
<html >
<bosh >
<sarlavha > Ko'p darajali html ro'yxatisarlavha >
bosh >
<tanasi >
<ul turi= "kvadrat" >
<li > Skripkali >
<li > Gitara<ul >
<li > klassikli >
<li > ritm gitarali >
<li > elektr gitarali >
ul >
li >
<li > Barabanlarli >
<li > Dudochkali >
ul >
tanasi >
html >
- Skripka
- Gitara
- klassik
- ritm gitara
- elektr gitara
- Barabanlar
- Dudochka
1-rasmda markirovka qilingan ro'yxatning yuqoridagi xususiyatlarini ko'rsatuvchi misol natijasi ko'rsatilgan.
Guruch. 1. Belgilar ro'yxati ko'rinishi
Marker turi
Markerlar uchta shakldan birini olishi mumkin: to'ldirilgan doira (standart), ochiq doira va kvadrat. Marker turini tanlash uchun list-style-type xususiyatidan yoki universal list-style xususiyatidan foydalaning (1-misol). Quyidagi qiymatlar qo'llaniladi:
1-misol: Markerning ko'rinishini o'zgartirish
Roʻyxatlar Misol o'q belgisi sifatida kichik, tekis rangli kvadratdan foydalanib, markirovka qilingan ro'yxatni qanday yaratishni ko'rsatadi. Qadriyatlar soni uchta bilan cheklangan bo'lsa-da, bu bizning ixtiyorimizda faqat uchta turdagi marker borligini anglatmaydi. Marker belgisi sifatida muvaffaqiyatli ishlay oladigan ko'plab maxsus belgilar mavjud. Ularni to'g'ridan-to'g'ri vidalang
Keyingi darsda ushbu darsdan olingan bilimlar asosida oddiy menyu yaratish ko'rib chiqiladi.
teg
- Butun ro'yxatning boshi/oxiri belgilangan.
teg
- alohida ro'yxat elementining boshini/oxirini ko'rsating.
teg
-
Ta'riflar ro'yxatidan foydalanadigan HTML hujjatiga misol:
Ta'riflar ro'yxatiga misol Odamning tipik temperamentlarini tasniflash,
asoslanganGippokratning qarashlari haqida
Berilgan HTML hujjatning brauzerda ko'rinishi rasmda ko'rsatilgan. 2.5.
Guruch. 2.5. Ta'riflar ro'yxati (lug'atdagi yozuvlar guruhiga o'xshaydi)
Ro'yxatlar turi
Va - .
Ushbu turdagi ro'yxatlar dastlab oddiy markirovka qilingan ro'yxatlarga qaraganda ixchamroq bo'lishi uchun yaratilgan. Ushbu ro'yxatlarning elementlarini yozish qoidalariga ko'ra, ularda blok elementlaridan foydalanishga ruxsat berilmagan, ya'ni bunday turdagi ro'yxatlarni joylashtirishni amalga oshirish mumkin emas edi. Har bir ro'yxat elementi matnning bir qatori edi.
kabi ro'yxatlar uchun
ro'yxat elementi matnining uzunligi (24 belgi) bo'yicha cheklov joriy etish rejalashtirilgan edi. Bunday cheklash bizga olish imkonini beradi kabi ro'yxatlar
kataloglar ro'yxatiga o'xshash shaklda operatsion tizimlar UNIX va MS-DOS /W kalitidan foydalanganda (bir nechta ustunlar). Bundan tashqari, ushbu turdagi ro'yxat elementlari uchun markerlar ko'rsatilmagan. Hozirgi vaqtda ushbu rejalarning barchasi amalga oshirilmadi, chunki ushbu turdagi ro'yxatlardan keyingi foydalanish tavsiya etilmaydi. Brauzerlarning zamonaviy versiyalari ushbu turdagi ro'yxatlarni xuddi ro'yxatlar kabi ko'rsatadi
- .
Oʻrnatilgan roʻyxatlar
Bir turdagi ro'yxat elementiga bir xil turdagi yoki boshqa ro'yxatni to'liq kiritishingiz kerak bo'lgan holatlar mavjud. Bu ko'p darajali yoki ichki ro'yxatlarni yaratadi. HTML har xil turdagi ro'yxatlarni o'zboshimchalik bilan joylashtirish imkonini beradi, lekin ularni tashkil qilishda ehtiyot bo'lish kerak.
Quyida ichki ro'yxatlari bo'lgan hujjatning HTML kodi keltirilgan bo'lib, ularning ko'rinishi rasmda ko'rsatilgan. 2.6. Ushbu misolda markirovka qilingan ro'yxatdagi har bir element o'zining raqamlangan ro'yxatini o'z ichiga oladi.
Ichki ro'yxat misoli Ba'zi sayyoralarning sun'iy yo'ldoshlari
- , blok darajasidagi elementlar joylashishi mumkin. Bundan kelib chiqadiki, xususan, ta'riflar ro'yxatini joylashtirish mumkin.
-
P misol kiritish:
- .
- .
Ushbu yozuv ro'yxatning "E" bosh lotin harfi bilan boshlanadigan raqamlanishini belgilaydi. Boshqa raqamlash turlari uchun START=5 yozuvi mos ravishda “5” raqamidan, rim raqami “V” va hokazolardan boshlab raqamlashni o'rnatadi.
Ro'yxatni raqamlash turini va raqam qiymatlarini o'zgartirish ro'yxatning istalgan elementi uchun amalga oshirilishi mumkin. teg
- raqamlangan roʻyxatlar uchun TYPE va VALUE parametrlaridan foydalanishga ruxsat beradi. TYPE parametri teg bilan bir xil qiymatlarni olishi mumkin
COMPACT parametri markirovka qilingan ro'yxatlar bilan bir xil ma'noga ega. TYPE parametri ro'yxat raqamlash turini belgilash uchun ishlatiladi. Quyidagi qiymatlarni qabul qilishi mumkin:
TYPE = A - katta lotin harflari ko'rinishidagi markerlarni o'rnatadi;
TYPE = a - kichik lotin harflari ko'rinishidagi markerlarni o'rnatadi;
TYPE = I - katta rim raqamlari ko'rinishidagi markerlarni o'rnatadi;
TYPE = i - kichik rim raqamlari ko'rinishidagi markerlarni o'rnatadi;
TYPE = 1 - arab raqamlari ko'rinishidagi markerlarni o'rnatadi.
Standart qiymat har doim TYPE = 1, ya'ni arab raqamlari yordamida raqamlash. Bu ichki raqamlangan ro'yxatlarga ham tegishli. Bu erda, markirovka qilingan ro'yxatlardan farqli o'laroq, brauzerlar sukut bo'yicha ro'yxatlarni joylashtirishning turli darajalarida raqamlashni farq qilmaydi. E'tibor bering, ro'yxat elementining raqamidan keyin har doim qo'shimcha "nuqta" belgisi mavjud.
Xuddi shu qiymatlarga ega TYPE parametri alohida ro'yxat elementlari uchun raqamlash uslubini belgilash uchun ishlatilishi mumkin. Buning uchun ro'yxat elementi tegida mos keladigan qiymatga ega TYPE parametrini ko'rsatishga ruxsat beriladi
Roʻyxatlar bu turdagi odatda alohida elementlarning tartiblangan ketma-ketligini ifodalaydi. Belgilangan ro'yxatlardan farqi shundaki, raqamlangan ro'yxatda har bir element avtomatik ravishda seriya raqamidan oldin bo'ladi. Raqamlash turi brauzerga bog'liq va ro'yxat teglari parametrlari bo'yicha o'rnatilishi mumkin. Aks holda, raqamlangan ro'yxatlarni amalga oshirish markirovka qilingan ro'yxatlarni amalga oshirishga juda o'xshaydi.
Teglar
- Va
Raqamlangan 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 va shu bilan roʻyxatni hujjatning asosiy mazmunidan ajratib turadi.
Belgilangan ro'yxatda bo'lgani kabi, raqamlangan ro'yxatdagi har bir element teg bilan boshlanishi kerak
- , bu alohida ro'yxat elementlariga ishora qiladi, standart ro'yxat elementi belgilarini beradi.
COMPACT parametri qiymatsiz yoziladi va brauzerga buni ko'rsatish uchun ishlatiladi bu ro'yxat ixcham shaklda taqdim etilishi kerak. 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. Aynan shu narsa amalga oshiriladi oxirgi versiyalari Netscape brauzerlari va Internet Explorer. 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
- .
- ,
- ,
- , ularning yordami bilan HTML hujjatlarida ushbu turdagi ro'yxatlar tashkil qilinadi (UL - Unordered List, unordered list).
Belgilangan roʻyxatda foydalaniladi maxsus belgilar, ro'yxat belgilari deb ataladi (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 joylashtirish darajalarida markerlarning ko'rinishini diversifikatsiya qiladi.
Teglar Va<LI >
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
