Cits saraksts sarakstiem. Numurēti saraksti. Ložu saraksta marķieru veidi
Saraksti ar aizzīmēm ļauj sadalīt lielu tekstu atsevišķos blokos, no kuriem katrs sākas ar aizzīmi — parasti ar mazu punktu. Tas pievērš lasītāja uzmanību tekstam un uzlabo tā lasāmību.
Ar elementu
- Ir saistītas šādas funkcijas:
- vietā, kur tas notiek
- , pārlūkprogramma automātiski pievieno rindiņas pārtraukumu;
- saraksta augšā un apakšā ir atkāpes;
- Pēc noklusējuma marķieri tiek parādīti kā aizpildīts aplis;
- Katrs saraksta elements tiek pārvietots pa labi attiecībā pret galveno tekstu.
- disks - marķieri aizpildīta apļa formā;
- aplis - marķieri atvērta apļa formā;
- kvadrāts - kvadrātveida marķieri.
- Sepulki
- Sepulcaria
- Sepulenācija
- Tas nedarbosies, tāpēc jums tas būs jārīkojas. Lai to izdarītu, paslēpiet saraksta marķierus, izmantojot saraksta stila rekvizītu ar vērtību none un tekstā pirms satura
- pievienojiet savu pašu raksturs izmantojot pseidoelementu ::before. 2. piemērā šāds marķieris ir trīsstūris.
2. piemērs. Izmantojot::befor
Saraksti - Sepulki
- Sepulcaria
- Sepulenācija
Rezultāts šis piemērs attēlā parādīts. 2. Tā kā, izmantojot saraksta stila rekvizītu ar vērtību none, marķieri vispār netiek noņemti, bet tikai tiek paslēpti no skata, saraksts tiek parādīts nobīdīts pa labi. Lai atbrīvotos no šīs funkcijas, piemērā ir pievienots teksta atkāpes rekvizīts ar negatīvu vērtību. Tās uzdevums ir pārvietot tekstu uz kreiso vienu rakstzīmi.
Rīsi. 2. Patvaļīgi marķieri sarakstā
Rakstzīmei nav jābūt heksadecimālā formātā, to var ievietot tieši tekstā. Galvenais ir saglabāt dokumentu UTF-8 kodējumā un lai redaktors to atbalstītu. Pašas rakstzīmes un to kodus var ņemt, piemēram, no LibreOffice Writer (3. att.).
Rīsi. 3. Simbola izvēle programmā LibreOffice
Saraksts ar roku zīmētiem marķieriem
Stili ļauj iestatīt jebkuru piemērotu attēlu kā marķieri, izmantojot rekvizītu list-style-image. Vērtība ir relatīvs vai absolūts ceļš uz grafiskais fails, kā parādīts 3. piemērā.
3. piemērs: attēla kā marķiera izmantošana
Saraksti - Sepulki
- Sepulcaria
- Sepulenācija
Zīmējumu vislabāk izvēlēties mazs izmērs lai izvairītos no saraksta elementu pārvēršanas parakstos. Attēlā 4. attēlā parādīts mazu attēlu kā marķieru izmantošanas piemēra rezultāts.
Rīsi. 4. Zīmējums kā marķieris
Saraksta stila attēla izmantošanai ir daži trūkumi:
- modeli nevar pārvietot uz augšu vai uz leju;
- V dažādas pārlūkprogrammas Attēla pozīcija attiecībā pret tekstu var atšķirties.
No šiem trūkumiem var izvairīties, izmantojot fona īpašību, tas nosaka fona attēlu. Katram saraksta elementam
- mēs noņemam sākotnējos marķierus un iestatām fona attēlu, neatkārtojot. Un, lai teksts neparādītos attēla augšpusē, mēs pārvietojam to pa labi, izmantojot polsterējumu-left (4. piemērs).
4. piemērs: fona izmantošana
Ul (piemale-pa kreisi: -1em; ) li (saraksta stils: nav; fons: url(images/bullet.png) no-repeat 0 2px; polsterējums-pa kreisi: 20px; )
Teksta un aizzīmes pozīcija
Ir divi veidi, kā novietot marķieri attiecībā pret tekstu: marķieris tiek pārvietots ārpus saraksta elementu robežas vai apvilkts ap tekstu (5. att.).
iekšā ārpusē Rīsi. 5. Marķieru izvietojums attiecībā pret tekstu
Lai kontrolētu marķieru pozīciju, izmantojiet rekvizītu list-style-position. Tam ir divas nozīmes: ārpuse - aizzīmes tiek novietotas ārpus teksta bloka (šī ir noklusējuma vērtība) un iekšpusē - aizzīmes ir daļa no teksta bloka un tiek parādītas saraksta vienumā (5. piemērs).
5. piemērs: Marķieru pozīcijas maiņa
Saraksti - Pirms sākat, pārbaudiet, vai ir iekļauts 3BM komplektā iekļautais aprīkojums.
- Ja nav viena vai vairāku perifērijas ierīces Jums nekavējoties jāsazinās ar VT tehnisko personālu.
- Pēc darba zonas vizuālas pārbaudes varat rūpīgi ieslēgt 3BM strāvu.
Šī piemēra rezultāts ir parādīts attēlā. 6.
Viens no HTML ieviestajiem sarakstu veidiem ir saraksts ar aizzīmēm. Pretējā gadījumā šāda veida sarakstus sauc par nenumurētiem vai nesakārtotiem. Uzvārdu bieži izmanto kā atbilstošās atzīmes nosaukuma formālu tulkojumu
- , ar kuras palīdzību šāda veida saraksti tiek sakārtoti HTML dokumentos (UL - Unordered List, unordered list).
- (LI — saraksta vienums, saraksta elements). Tag
- neprasa atbilstošu noslēguma zīmi, lai gan tā klātbūtne principā nav aizliegta. Pārlūkprogrammas parasti katru jaunu saraksta vienumu sāk jaunā rindā, parādot dokumentu.
Sniegtā informācija ir pietiekama, lai izveidotu pamata sarakstu ar aizzīmēm. Sniegsim piemēru HTML dokumentam, izmantojot aizzīmju sarakstu, kura parādīšana pārlūkprogrammā ir parādīta attēlā. 2.1.
Aizzīmētā saraksta piemērs Zodiaka zīmes:
- Auns
- Vērsis
- Dvīņi
- Jaunava
- Svari
- Skorpions
- Strēlnieks
- Mežāzis
- Ūdensvīrs
- Zivis
Rīsi. 2.1. Pārlūkprogrammas aizzīmju saraksta parādīšana
Ņemiet vērā, ka papildus saraksta elementiem, kas atzīmēti ar tagu
- , var būt citi HTML elementi. Iepriekš minētajā piemērā viens no šiem elementiem ir vienkāršs teksts, kas nav saraksta vienums, bet darbojas kā tā nosaukums.
Piezīme
Dažās HTML valodas mācību grāmatās ir norādīts, ka saraksta nosaukuma iestatīšanai jāizmanto konteinera tags
(LH — saraksta galvene, saraksta galvene). Šo tagu pašlaik neatpazīst neviena izplatīta pārlūkprogramma, un tas nav daļa no HTML specifikācijas. Tādējādi tā izmantošana kļūst bezjēdzīga, lai gan tas neradīs nekādas kļūdas. Tagā
- var norādīt divus parametrus: COMPACT un TYPE.
- .
Ieraksta piemērs:
- .
Piezīme
Pārlūkprogrammas atšķirīgi interpretē atsevišķa saraksta vienuma aizzīmju tipa specifikāciju. Netscape pārlūkprogramma maina marķiera izskatu šim un visiem nākamajiem, līdz tiek konstatēts nākamais marķiera izskata pārdefinējums. Interneta pārlūkprogramma Explorer maina tikai šī elementa marķiera izskatu.
Grafiskā saraksta marķieri
Grafiskos attēlus var izmantot kā saraksta aizzīmes, ko plaši izmanto, lai izveidotu pievilcīgus, labi izstrādātus HTML dokumentus. Faktiski šāda iespēja netiek nodrošināta tieši HTML valoda, bet tiek ieviests zināmā mērā mākslīgi. Tas nenozīmē, ka šāda rīcība nav ieteicama vai nosodāma, bet tikai to, ka šeit netiks izmantotas īpašas HTML valodas konstrukcijas.
Lai saprastu ideju, jums ir jāsaprot sarakstu ieviešanas mehānisms HTML lapās. Izrādās, ka saraksta tags
- (tāpat kā citu veidu saraksta tagi, par kuriem runāts tālāk) veic vienu uzdevumu - tas norāda pārlūkprogrammai, ka visa informācija, kas atrodas aiz šī taga, ir jāparāda pabīdīta pa labi (atkāpe) par noteiktu summu. Tagi
- , norādot atsevišķi elementi sarakstu, nodrošina standarta saraksta elementu marķieru izvadi.
Ja mums ir nepieciešams izveidot sarakstu ar grafiskiem marķieriem, mēs varam iztikt bez tagiem
- . Pietiks pirms katra saraksta elementa ievietot to, ko vēlaties grafiskais attēls. Vienīgā problēma, kas jāatrisina, ir saraksta elementu atdalīšana vienu no otra. Šim nolūkam varat izmantot rindkopas tagus
Vai piespiediet rindas padevi
. Piemērs saraksta ieviešanai ar grafiskiem marķieriem, kura displejs ir parādīts attēlā. 2.2 ir parādīts zemāk:kas tiks pārraidīti tikai vienu reizi. Arī neliela attēla faila izmēri ir ārkārtīgi mazi.
Piezīme
Metodes sarakstu veidošanai ar grafiskām aizzīmēm ir apskatītas pēc kārtas 8. nodaļā.
Numurētie saraksti ir vienumu kolekcija ar to sērijas numuri. Numerācijas veids un veids ir atkarīgs no elementa parametriem
- , ko izmanto, lai izveidotu sarakstu. Šādas vērtības var kalpot kā numerācijas elementi:
- arābu cipari (1, 2, 3, ...);
- arābu cipari ar nulli sākumā, ja skaitļi ir mazāki par desmit (01, 02, 03, ...,10);
- lielie latīņu burti (A, B, C, ...);
- mazie latīņu burti (a, b, c, ...);
- lielie romiešu cipari (I, II, III, ...);
- mazie romiešu cipari (i, ii, iii, ...);
- armēņu numerācija;
- Gruzīnu numerācija.
- . Vērtība ir jebkurš pozitīvs vesels skaitlis. Nav nozīmes tam, kāds numerācijas veids ir iestatīts, pat ja sarakstā tiek izmantoti latīņu burti. Ja sarakstam vienlaikus tiek lietoti gan sākuma, gan vērtības atribūti, tad pēdējam ir prioritāte un numerācija tiek parādīta no skaitļa, kas norādīts ar vērtību , kā parādīts 1. piemērā.
1. piemērs: saraksta numerācijas maiņa
Saraksti - Jums rūpīgi jārūpējas par savu darba vietu.
- Noregulējiet telpas apgaismojumu tā, lai gaismas avots atrodas operatora sānos vai aiz tā.
- Lai izvairītos no medicīniskiem sarežģījumiem, ieteicams izvēlēties krēslu ar mīkstu sēdekli.
Pirmais saraksta elements šajā piemērā sāksies ar romiešu cipari IV, jo ir norādīts atribūts start="4", tad nāk skaitlis V, un pēdējais elements iziet no ierindas, un tam tiek piešķirts numurs X (attēls 1).
Rīsi. 1. Romiešu cipari sarakstā
Ciparu rakstīšana
Pēc noklusējuma numurētajam sarakstam ir noteikts izskats: vispirms ir cipars, tad punkts, un pēc tam teksts tiek parādīts atdalīts ar atstarpi. Šis rakstīšanas veids ir vizuāls un ērts, taču daži izstrādātāji izvēlas redzēt citu veidu sarakstu numerācijas noformēšanu. Proti, lai punkta vietā būtu noslēdzošais kronšteins, kā parādīts attēlā. 2 vai kaut kas līdzīgs.
Rīsi. 2. Numurēts saraksta skats ar iekavām
Stili ļauj mainīt saraksta numerācijas veidu, izmantojot satura un pretinkrementa rekvizītus. Pirmkārt, ol atlasītājs ir jāiestata uz pretatiestatīšanu : vienums , tas ir nepieciešams, lai katrā jaunajā sarakstā numerācija sāktu no jauna. Pretējā gadījumā numerācija turpināsies un 1,2,3 vietā redzēsit 5,6,7. Preces vērtība ir unikāls skaitītāja identifikators, mēs to izvēlamies paši. Pēc tam jums ir jāpaslēpj sākotnējie marķieri, izmantojot stila rekvizītu list-style-type ar vērtību none .
Satura rekvizīts parasti darbojas kopā ar pseidoelementiem ::after un ::before. Tādējādi li::before konstrukcija saka, ka pirms katra saraksta elementa ir jāpievieno kāds saturs (2. piemērs).
Piemērs 2. Savas numerācijas izveide
Li::before ( saturs: counter(prece) ") "; /* Pievienojiet skaitļiem iekavas */ counter-increment: item; /* Iestatiet skaitītāja nosaukumu */ )
Satura rekvizīts ar vērtības skaitītāju(vienumu) parāda skaitli; Pievienojot iekavas, kā parādīts šajā piemērā, mēs iegūstam nepieciešamo numerācijas veidu. pretpieaugums ir nepieciešams, lai palielinātu saraksta numuru par vienu. Ņemiet vērā, ka visā pasaulē tiek izmantots viens un tas pats identifikators ar nosaukumu vienums . Galīgais kods ir parādīts 3. piemērā.
3. piemērs: saraksta skata maiņa
Saraksti - Pirmkārt
- Otrkārt
- Trešais
- Ceturtais
Izmantojot iepriekš minēto metodi, varat izveidot jebkura veida numurētu sarakstu, piemēram, ierakstīt numuru kvadrātiekavās, mainīsies tikai viena stila rinda.
Saturs: "[" counter(prece) "] ";
Saraksts ar krievu burtiem
Ir numurēts saraksts ar latīņu burtiem, bet sarakstam nav krievu burtu. Tos var pievienot mākslīgi, izmantojot iepriekš minēto paņēmienu. Tā kā numerācija tiek veikta caur stiliem, pats saraksts paliek oriģināls, tam tiek pievienota tikai atlasītā klase, sauksim to par kirilicu (4. piemērs).
4. piemērs. Kods saraksta izveidošanai
- Viens
- Divas
- Trīs
Burtu pievienošana tiek veikta, izmantojot pseidoelementu ::before un satura rekvizītu. Tā kā katrai rindai jābūt ar savu burtu, mēs izmantosim pseidoklasi :nth-child(1) , burta numuru rakstot iekavās. Pirmais burts, protams, ir A, otrais ir B, trešais ir C utt. Visa šī kopa tiek pievienota li selektoram šādi (5. piemērs).
5. piemērs: pseidoklase:nth-child izmantošana
Kirilicā li:nth-child(1)::befor ( saturs: "a)"; ) .kirilica li:nth-child(2)::before ( saturs: "b)"; ) .kirilica li:nth-child(3)::before ( saturs: "at)"; )
Šajā piemērā katram burtam seko iekavas, visi burti ir mazie. Varat definēt savu saraksta numerācijas veidu, piemēram, tas var ietvert lielie burti ar punktu, ar vienu vai divām iekavām vai tikai burtiem. Atšķirībā no standarta numerācijas mēs šeit varam darīt visu, ko vēlamies. Ar desmit burtu sarakstu vajadzētu pietikt gandrīz visās situācijās, taču, ja pēkšņi izrādās, ka ar to nepietiek, nekas neliedz mums paplašināt sarakstu, iekļaujot tajā vismaz visus krievu alfabēta burtus.
Visbeidzot pielāgojam burtu izlīdzinājumu un novietojumu, pēc izvēles norādām fonta lielumu, krāsu un citus parametrus (6. piemērs).
Piemērs 6. Saraksts ar krievu burtiem
Saraksts - Borščs
- Līdakas kotletes
- Kulebjaka
- Sēnes skābā krējumā
- Pankūkas ar ikriem
- Kvass
Šī piemēra rezultāts ir parādīts attēlā. 3.
Saraksti ir svarīga satura daļa, jo tie palīdz sakārtot informāciju. Teksts sarakstos ir labāk uztverams un vieglāk iegaumējams.
Vienkāršākais ir tas, ka katra tā elementa priekšā ir marķieris - aplis, kvadrāts vai aplis. Vienumu secība aizzīmju sarakstā nav svarīga.
Lai to izveidotu, jums ir jāizmanto tikai divi tagi:
Saraksts ar aizzīmēm - Akmens
- Šķēres
- Papīrs
Pēc noklusējuma saraksta marķieris ir melns aplis ( disks). Pievienojot atzīmei
Tas atšķiras no atzīmētā ar to, ka tajā esošo elementu secība ir svarīga, un tāpēc marķiera vietā šeit tiek izmantoti secīgi cipari vai burti. Nav jāuztraucas par secību sarakstā: pārlūkprogramma parūpējas par šo uzdevumu. Ja mainīsit sarakstu (noņemsiet vai pievienosiet kādu preci, kas nav kārtībā), pārlūkprogramma to pārrēķinās un pareizi parādīs.
Tagus izmanto, lai izveidotu numurētus sarakstus
Numurēts saraksts - Akmens
- Šķēres
- Papīrs
Tā kā ar numurētiem sarakstiem lietas ne vienmēr ir tik vienkārši, tagiem
1. veids. Šis atribūts ļauj numurēt sarakstu ne tikai ar arābu, bet arī ar romiešu cipariem vai dažādu burtu latīņu burtiem. veids atbalsta vērtības 1 (noklusējums), a, A, i, I (mēģiniet ar tām eksperimentēt pats).
2. sākt. Numerācijai ne vienmēr ir jāsākas ar vienu. Šis atribūts ļauj iestatīt sākotnējā vērtība- saraksta pirmā elementa numurs. Tajā varat norādīt, ka atskaite sākas, piemēram, ar skaitli 100 vai burtu K.
3. otrādi. Ja sarakstā jāiet nevis no 1 līdz 10, bet no 10 līdz 1, tad šis atribūts ir jāizmanto. Ja tas ir norādīts, numerācija būs apgrieztā secībā.
Lai elementam saraksta vidū piešķirtu patvaļīgu numuru, tagā ir jāizmanto
- Četrdesmit piektais elements pēc trīsdesmit astotā
- - terminu tags.
- - definīcijas tags
- Deskriptors
- Iezīmēšanas valodas pamatvienība, kas visiem zināma kā "Tag".
- Atribūts
- Tagas īpašība, kas to piešķir papildus iespējas teksta dizains.
- Etiķete
- Viena atzīme, kas nav jāaizver.
- Strukturāls
- Paskāls
- Oberons
- Limbo
- Objektorientēts
- Java
- Funkcionāls
- Lisp
- Python
No praktiskā viedokļa vienumu attēlošanas principus sarakstā ar aizzīmēm var piemērot līdzīgi numurētam sarakstam. Bet, ņemot vērā to, ka mums ir darīšana ar uzskaitījumu, ir dažas iezīmes, kuras tiks apspriestas tālāk.
Sarakstu numerācija
Sarakstu atļauts sākt no jebkura skaitļa; šim nolūkam tiek izmantots elementa sākuma atribūts
- vai elementa vērtība
Mainot viena elementa numuru saraksta vidū, tiks mainīta visu tam sekojošo elementu numerācija - atskaite sāksies ar vērtību atribūtā value. Piemēram, ja elementam 18 piešķīrāt skaitli 35, tad tam sekojošajos elementos būs skaitļi nevis 19, 20, 21, bet gan 36, 37, 38.
Definīciju saraksts
Saraksta veids, kas nav tik labi zināms kā iepriekš apskatītie. Sastāv no terminiem un to definīcijām. Izveidots, izmantojot tagus:
Definīciju sarakstu piemērošanas joma ir glosāriji, uzziņu grāmatas, testi, vārdnīcas un citi ietilpīgi “Termins - skaidrojums” tipa saraksti.
Šeit ir definīciju saraksta piemērs:
Definīciju saraksts Saraksts, kas sastāv no sarakstiem, kas ligzdoti viens otrā. Var ietvert sarakstus dažādi veidi. Izveidošanas grūtības ir pareizas tagu ligzdošanas uzturēšana, jo daudzlīmeņu struktūrā ir viegli sajaukt.
Šeit ir vairāku līmeņu saraksta piemērs:
Daudzlīmeņu saraksts Programmēšanas valodas ir sadalītas:
- , norādot atsevišķi elementi sarakstu, nodrošina standarta saraksta elementu marķieru izvadi.
Parametrs COMPACT tiek rakstīts bez vērtības un tiek izmantots, lai norādītu pārlūkprogrammai, ka šo sarakstu jāiesniedz kompaktā formā. Piemēram, var tikt samazināts fonts vai attālums starp saraksta rindām utt.
Piezīme
Pašlaik tagā ir parametrs COMPACT
- nekādā veidā neietekmē sarakstu rādīšanu vadošajās pārlūkprogrammās. Tāpēc pieteikums šis parametrs ir bezjēdzīga, jo īpaši tāpēc, ka tā lietošana nav ieteicama HTML 4.0 specifikācijā.
Parametram TYPE var būt šādas vērtības: disks, aplis un kvadrāts. Šis parametrs tiek izmantots, lai piespiestu parādīt saraksta aizzīmes. Precīzs marķiera veids būs atkarīgs no izmantotās pārlūkprogrammas. Tipiskās displeja opcijas ir šādas:
TYPE = disks - marķieri tiek parādīti kā aizpildīti apļi; TIPS = aplis - marķieri tiek parādīti kā atvērti apļi; TYPE = kvadrāts - marķieri tiek parādīti kā aizpildīti kvadrāti. Ieraksta piemērs:
- .
Noklusējuma vērtība ir TYPE = disks. Ligzdotiem aizzīmju sarakstiem noklusējuma vērtība ir disks pirmajā līmenī, aplis otrajā līmenī, kvadrāts trešajā līmenī un tālāk. Tas ir tieši tas, kas tiek darīts jaunākās versijas Netscape pārlūkprogrammas un Internet Explorer. Lūdzu, ņemiet vērā, ka citās pārlūkprogrammās marķieri var tikt parādīti atšķirīgi. Piemēram, HTML 4.0 specifikācijā marķiera veids, kas tiek rādīts, kad TIPS = kvadrāts, ir norādīts kā kvadrātveida kontūra.
Parametru TYPE ar vienādām vērtībām var izmantot, lai norādītu atsevišķu saraksta elementu marķieru veidu. Lai to izdarītu, saraksta elementa tagā ir atļauts norādīt parametru TYPE ar atbilstošo vērtību
- .
Tiek izmantots saraksts ar aizzīmēm Īpaši simboli, ko sauc par saraksta marķieriem (bieži saukti par aizzīmēm, kas ir angļu valodas termina bullet formālā izruna). Sarakstu marķieru izskatu nosaka pārlūkprogramma, un, veidojot ligzdotos sarakstus, pārlūkprogrammas automātiski dažādo marķieru izskatu dažādos ligzdošanas līmeņos.
Tagi
- Un
Lai izveidotu sarakstu ar aizzīmēm, ir jāizmanto konteinera tags, kurā atrodas visi saraksta elementi. Sākuma un beigu saraksta tagi nodrošina rindiņas pārtraukumu pirms un pēc saraksta, tādējādi atdalot sarakstu no dokumenta galvenā satura, tāpēc šeit nav jāizmanto rindkopas tagi
.Katram saraksta elementam jāsākas ar tagu
1. attēlā parādīts piemēra rezultāts, ilustrējot iepriekš minētās aizzīmju saraksta funkcijas.
Rīsi. 1. Aizzīmju saraksta skats
Marķiera veids
Marķieriem var būt viena no trim formām: aizpildīts aplis (noklusējums), atvērts aplis un kvadrāts. Lai atlasītu marķiera veidu, izmantojiet saraksta stila īpašums vai universālā saraksta stilā (1. piemērs). Tiek piemērotas šādas vērtības:
1. piemērs. Marķiera izskata maiņa
Piemērā parādīts, kā izveidot sarakstu ar aizzīmēm, kā aizzīmes ikonu izmantojot nelielu, vienkrāsainu kvadrātu. Lai gan vērtību skaits ir ierobežots līdz trim, tas nenozīmē, ka mūsu rīcībā ir tikai trīs veidu marķieri. Ir daudzas īpašas rakstzīmes, kas var veiksmīgi darboties kā marķiera ikona. Pieskrūvējiet tos tieši