AT HTML valoda informācijas pasniegšanai sarakstu veidā ir paredzēts īpašs tagu komplekts. Saraksti ir viens no visbiežāk izmantotajiem datu attēlošanas veidiem abās elektroniskie dokumenti, kā arī drukātā veidā. Mēs redzam sarakstus gandrīz katru dienu, neatkarīgi no tā, vai tas ir saraksts ar lietām, kas mums jādara veikalā, skolēniem klasē vai vienkārši darāmajām lietām. Iespēja organizēt sarakstu struktūras ir pieejama daudzās teksta redaktori jo īpaši jaudīgs tekstapstrādes līdzeklis Microsoft Word ir ērti rīki dažādu veidu sarakstu formatēšanai (iespēja izveidot HTML sarakstus, kad palīdzība no Microsoft Word ir apspriesti 8. nodaļā). Šeit ir daži gadījumi, kad sarakstu izmantošana ir diezgan ērta:
- Informācijas daļu apvienošana vienā struktūrā, lai iegūtu lasāmu izskatu.
- Sarežģītu soli pa solim procesu apraksts.
- Informācijas izkārtojums satura rādītāja stilā, kura rindkopas norāda uz attiecīgajām dokumenta sadaļām.
Ņemiet vērā, ka iepriekš minētie vienumi ir sakārtoti tikai saraksta struktūras veidā.
HTML nodrošina šādus galvenos sarakstu veidus: aizzīmju, numurētu un definīciju sarakstu. Lai ieviestu dažādu veidu sarakstus, tiek izmantoti šādi tagi:
- ,
- (LI — saraksta vienums, saraksta vienums). Tag
- nav nepieciešama atbilstoša noslēguma birka, lai gan tās klātbūtne principā nav aizliegta. Pārlūkprogrammas parasti katru jaunu saraksta vienumu sāk jaunā rindā, parādot dokumentu.
Iepriekš minētā informācija ir pietiekama, lai izveidotu elementāru sarakstu ar aizzīmēm. Šeit ir piemērs HTML dokumentam, kurā tiek izmantots saraksts ar aizzīmēm, kura pārlūkprogrammas renderēšana ir parādīta attēlā. 2.1.
Aizzīmētā saraksta piemērs - Auns
- Vērsis
- Dvīņi
- Vēzis
- lauva
- Jaunava
- Svari
- Skorpions
- Strēlnieks
- Mežāzis
- Ūdensvīrs
- Zivis
Zodiaka zīmes:
Rīsi. 2.1. Pārlūkprogrammā parādīts saraksts ar aizzīmēm
Ņemiet vērā, ka papildus saraksta vienumiem, 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 pilda tā virsraksta lomu.
Piezīme
Dažās HTML valodas mācību grāmatās ir norāde, ka saraksta nosaukuma iestatīšanai jāizmanto konteinera tags.
(LH — saraksta galvene, saraksta galvene). Šo tagu pašlaik neatpazīst neviena no izplatītākajām pārlūkprogrammām, 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.
- .
Ierakstīšanas piemērs:
-
.
Piezīme
Pārlūkprogrammas dažādos veidos interpretē marķiera veida norādi individuāls elements sarakstu. 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 marķiera izskatu dotais elements.
Grafisko marķieru saraksts
Grafiskus attēlus var izmantot kā saraksta marķierus, ko plaši izmanto, lai izveidotu pievilcīgus, skaisti noformētus HTML dokumentus. Faktiski šo iespēju HTML valoda nenodrošina tieši, bet gan tiek ieviesta zināmā mērā mākslīgi. Tas nenozīmē, ka tas nav ieteicams vai nosodāms, bet tikai to, ka šeit netiks izmantotas īpašas HTML valodas konstrukcijas.
Lai saprastu ideju, jums ir jāsaprot, kā saraksti tiek ieviesti HTML lapās. Izrādās, ka saraksta tags
- (kā arī cita veida saraksta tagi, kas aplūkoti zemāk) veic vienīgo uzdevumu - tas norāda pārlūkprogrammai, ka visa informācija, kas atrodas aiz šī taga, ir jāparāda ar nobīdi pa labi (atkāpe) par kādu summu. tagus
- Norādot uz atsevišķiem saraksta vienumiem, tiek nodrošināti standarta saraksta vienumu marķieri.
Ja mums ir nepieciešams izveidot sarakstu ar grafiskiem marķieriem, mēs varam iztikt bez tagiem
- . Pietiks pirms katra saraksta elementa ievietot vajadzīgo grafisko attēlu. Vienīgais uzdevums, kas šajā gadījumā jāatrisina, ir saraksta elementu atdalīšana vienu no otra. Šim nolūkam varat izmantot rindkopas tagus.
Vai piespiedu rindas padeve
. Saraksta ar grafiskiem marķieriem realizācijas piemērs, kura attēlojums parādīts att. 2.2 ir parādīts zemāk:saraksts ar aizzīmēm Zodiaka zīmes:
Auns
Vērsis
Dvīņi
Komplekts
Lauva
Jaunava
Svari
Skorpions
Strēlnieks
Mežāzis
Ūdensvīrs
Zivis
Rīsi. 2.2. Saraksts ar aizzīmēm ar grafiskām aizzīmēm
Dotajā piemērā kā saraksta elementu marķieris tiek izmantots grafiskais fails Green_ball.gif. Ņemiet vērā, ka grafikas izmantošana HTML lapās var ievērojami palielināt pārraidītās informācijas apjomu. Tomēr iekšā Šis gadījumsšis pieaugums ir ārkārtīgi mazs. Šeit visiem marķieriem tiek izmantots viens un tas pats fails,
kas tiks pārraidīti tikai vienu reizi. Arī tāda faila izmērs, kurā ir mazs attēls, ir ārkārtīgi mazs.
Piezīme
Paņēmieni sarakstu veidošanai ar grafiskajiem marķieriem ir apskatīti pēc kārtas 8. nodaļā.
numurēts saraksts
Cits sarakstu veids, kas ieviests HTML, ir numurēts saraksts. Pretējā gadījumā šāda veida sarakstus sauc par sakārtotiem. Uzvārdu bieži izmanto kā atbilstošā taga nosaukuma formālu tulkojumu.
- , ar kuras palīdzību šāda veida saraksti tiek sakārtoti HTML dokumentos (OL - Ordered List, pasūtītais saraksts).
- .
Šeit ir HTML dokumenta piemērs, izmantojot numurētu sarakstu, kura displejs pārlūkprogramma ir parādīta attēlā. 2.3.
Numurēta saraksta piemērs - Siriuss
- K anopus
- Arktūrs
- Alfa Kentauri
- Vega
- K apella
- Rigels
- Procyon
- Achernar
- Beta Kentauri
- Vetelgeuse
- Aldebarans
. . .- Mizar
. . .- Polārais
Spožākās zvaigznes, kas redzamas no Zemes, ir:
Rīsi. 2.Z. numurēts saraksts
Tagā
- var norādīt šādus parametrus: COMPACT, TYPE un START.
- .
Ierakstīšanas piemērs:
- .
Tags START parametrs
- ļauj sākt numurēt sarakstu nevis no viena. START parametra vērtībai vienmēr jābūt naturālam skaitlim neatkarīgi no saraksta numerācijas veida. Šeit ir piemērs:
- numurētiem sarakstiem ļauj izmantot parametrus TYPE un VALUE. Parametram TYPE var būt tādas pašas vērtības kā tagam
- .
- .
Piezīme
Pārlūkprogrammas dažādi interpretē atsevišķa saraksta elementa numerācijas veida norādi. Netscape pārlūkprogramma maina šī elementa un visu turpmāko elementu numerāciju, līdz tiek konstatēta nākamā ignorēšana. Internet Explorer maina tikai šī elementa numura izskatu.
Wtaga parametra VALUE vērtība
- - ļauj mainīt norādītā saraksta elementa numuru. Tas maina visu nākamo elementu numerāciju. Parasti to izmanto sarakstiem, kuros daži elementi ir izlaisti. Šāda saraksta piemērs tika dots iepriekš (2.3. att.). Tas sniedz sakārtotu spožāko zvaigžņu sarakstu, kurā 58. un 75. vietās ir zvaigznes, kas ir skaidri redzamas mūsu platuma grādos (Mizar ir spožākā zvaigzne Lielās zvaigznes zvaigznājā, bet Ziemeļzvaigzne ir Mazā zvaigzne).
Šeit ir vēl viens oriģināls dažādu veidu numerācijas izmantošanas piemērs. Tālāk esošais HTML kods definē trīs sarakstus ar atšķirīgu numerāciju. Lai atvieglotu apskati, katrs no sarakstiem ir ievietots atsevišķā tabulas šūnā. Visi trīs saraksti ir identiski un atšķiras tikai ar numerācijas veidu: tabulas pirmajā ailē - arābu cipari, otrajā - romiešu cipari, bet trešajā numerācija ir ar latīņu burtiem. Ņemiet vērā, ka saraksta elementi ir tukši, t.i., aiz jebkura taga
- datu nav. Šāda veida piemēru var izmantot kā atbilstības tabulu starp arābu un romiešu cipariem. Izrādās, ka šādas tabulas ģenerēšanai var izmantot jebkuru pārlūkprogrammu, kas atbalsta sarakstus (2-4. attēls), ja vien ievadāt sniegto HTML kodu. Numerācija ar romiešu cipariem darbojas pareizi līdz vērtībai 3999. Izpētot labo kolonnu, var saprast, kā tiek veikta numerācija ar latīņu burtiem. Pēc viena burta numerācijas izsmelšanas (no A līdz Z) par nākamo skaitli tiek ņemts pirmais divu burtu skaitlis - AA utt.
Lietošana dažādi veidi numerācija sarakstos -
. . .
-
. . .
-
. . .
Rīsi. 2.4. Dažādi HTML saraksta numerācijas veidi
Definīciju saraksts
Definīciju saraksti, ko sauc arī par terminu definīciju vārdnīcām, ir īpašs sarakstu veids. Atšķirībā no citiem sarakstu veidiem, katrs definīciju saraksta elements vienmēr sastāv no divām daļām. Saraksta elementa pirmajā daļā ir definēts termins, bet otrajā daļā ir teksts vārdnīcas ieraksta veidā, kas atklāj termina nozīmi.
Definīciju saraksti tiek norādīti, izmantojot konteinera tagu
- (Definīcijas saraksts). Konteinera taga iekšpusē
- (Definīcijas termins) tiek atzīmēts definētais termins un atzīme
- (Definīcijas apraksts) - rindkopa ar tās definīciju. Par tagiem
- un
- varat izlaist atbilstošos beigu tagus.
Kopumā definīciju saraksts ir uzrakstīts šādi:
- Jēdziens
- Termina definīcija
Tekstā pēc atzīmes
- nevar izmantot bloka līmeņa elementus, piemēram, rindkopas tagus
vai virsraksti
-
. Parasti definējamā termina tekstam jābūt vienā rindā. Tiek parādīts teksts, kas satur termina definīciju, sākot ar nākamā rinda(vai rindiņa dažām pārlūkprogrammām) aiz termina definīcijas, atkāpe pa labi. Informācijā, kas ievietota aiz birkas
- , var novietot bloka līmeņa elementus. No tā jo īpaši izriet, ka definīciju sarakstus var ligzdot.
Tagā
- var norādīt parametru COMPACT, kura mērķis ir līdzīgs citiem iepriekš aprakstītajiem sarakstiem.
- Flegmatisks cilvēks
- Pasīvs, ļoti spējīgs, lēni pielāgojas;
noskaņojums ir stabils, maz pakļauts ārējai ietekmei;
emocionālo reakciju letarģija un gribas aktivitātes lēnums
- sanguine
- Aktīvs, enerģisks, spējīgs pielāgoties, -
emocionālo reakciju dzīvīgums un kustīgums, gribas izpausmju ātrums un spēks
- Holēriķis
- Aktīvs, ļoti enerģisks, neatlaidīgs;
emocionālo reakciju impulsivitāte un spēks, vardarbīgas gribas izpausmes
- melanholisks
- Pasīvs, viegli nogurst, grūti pielāgoties -
gribas izpausmju vājums un nomākta garastāvokļa pārsvars, šaubas par sevi - Zempa
- Mēness
- mapc
- Foboss
- Deimos
- Urāns
- Ariels
- Umbriela
- Titānija
- Oberons
- Miranda
- Neptūns
- Tritons
- Nereids
Cits sarakstu veids, kas ieviests HTML, ir numurēts saraksts. Pretējā gadījumā šāda veida HTML sarakstus sauc par sakārtotiem. Uzvārdu bieži izmanto kā atbilstošā taga nosaukuma formālu tulkojumu.
- , ar kuras palīdzību šāda veida saraksti tiek sakārtoti HTML dokumentos (OL - Ordered List, pasūtītais saraksts).
- .
Šeit ir HTML dokumenta piemērs, izmantojot numurētu sarakstu, kura displejs pārlūkprogramma ir parādīta attēlā. 2.3.
Numurēta saraksta piemērs Spožākās zvaigznes, kas redzamas no Zemes, ir:
- Siriuss
- K anopus
- Arktūrs
- Alfa Kentauri
- Vega
- K apella
- Rigels
- Procyon
- Achernar
- Beta Kentauri
- Vetelgeuse
- Aldebarans
- Mizar
- Polārais
Rīsi. 2.Z. numurēts saraksts
Tagā
- var norādīt šādus parametrus: COMPACT, TYPE un START.
- .
Ierakstīšanas piemērs:
- .
Tags START parametrs
- ļauj sākt numurēt sarakstu nevis no viena. START parametra vērtībai vienmēr jābūt naturālam skaitlim neatkarīgi no saraksta numerācijas veida. Šeit ir piemērs:
- numurētiem sarakstiem ļauj izmantot parametrus TYPE un VALUE. Parametram TYPE var būt tādas pašas vērtības kā tagam
- .
- .
Piezīme
Pārlūkprogrammas dažādi interpretē atsevišķa saraksta elementa numerācijas veida norādi. Netscape pārlūkprogramma maina šī elementa un visu turpmāko elementu numerāciju, līdz tiek konstatēta nākamā ignorēšana. Internet Explorer maina tikai šī elementa numura izskatu.
Taga parametra VALUE vērtība
- - ļauj mainīt norādītā saraksta elementa numuru. Tas maina visu nākamo elementu numerāciju. Parasti to izmanto sarakstiem, kuros daži elementi ir izlaisti. Šāda saraksta piemērs tika dots iepriekš (2.3. att.). Tas sniedz sakārtotu spožāko zvaigžņu sarakstu, kurā 58. un 75. vietās ir zvaigznes, kas ir skaidri redzamas mūsu platuma grādos (Mizar ir spožākā zvaigzne Lielās zvaigznes zvaigznājā, bet Ziemeļzvaigzne ir Mazā zvaigzne).
Šeit ir vēl viens oriģināls dažādu veidu numerācijas izmantošanas piemērs. Tālāk esošais HTML kods definē trīs sarakstus ar atšķirīgu numerāciju. Lai atvieglotu apskati, katrs no sarakstiem ir ievietots atsevišķā tabulas šūnā. Visi trīs saraksti ir identiski un atšķiras tikai ar numerācijas veidu: tabulas pirmajā ailē - arābu cipari, otrajā - romiešu cipari, bet trešajā numerācija ir ar latīņu burtiem. Ņemiet vērā, ka saraksta elementi ir tukši, t.i., aiz jebkura taga
- datu nav. Šāda veida piemēru var izmantot kā atbilstības tabulu starp arābu un romiešu cipariem. Izrādās, ka šādas tabulas ģenerēšanai var izmantot jebkuru pārlūkprogrammu, kas atbalsta sarakstus (2-4. attēls), ja vien ievadāt sniegto HTML kodu. Numerācija ar romiešu cipariem darbojas pareizi līdz vērtībai 3999. Izpētot labo kolonnu, var saprast, kā tiek veikta numerācija ar latīņu burtiem. Pēc viena burta numerācijas izsmelšanas (no A līdz Z) par nākamo skaitli tiek ņemts pirmais divu burtu skaitlis - AA utt.
Dažāda veida numerācijas izmantošana sarakstos
. . .Rīsi. 2.4. Dažādi HTML saraksta numerācijas veidi
HTML atbalsta trīs sarakstus dažādi veidi, kuriem katram ir savi noteikumi:
Numurētie saraksti
Numurētā sarakstā pārlūkprogramma automātiski ievieto elementu numurus secībā, sākot no kādas vērtības (parasti 1). Tas ļauj ievietot un noņemt saraksta elementus, netraucējot numerāciju, jo atlikušie skaitļi tiks automātiski pārrēķināti.
Numurētie saraksti tiek veidoti, izmantojot bloka elementu
Tag- 1. elements
- 2. elements
- 3. elements
Numurētajiem saraksta vienumiem ir jābūt vairākiem saraksta vienumiem, kā parādīts šajā piemērā:
Piemērs: numurēts saraksts
- Izmēģiniet pats"
- Paņemiet atslēgu
- Ievietojiet atslēgu slēdzenē
- Pagrieziet atslēgu divus apgriezienus
- Izņemiet atslēgu no slēdzenes
- Atver durvis
Soli pa solim instrukcija
- Paņemiet atslēgu
- Ievietojiet atslēgu slēdzenē
- Pagrieziet atslēgu divus apgriezienus
- Izņemiet atslēgu no slēdzenes
- Atver durvis
Dažreiz, pārlūkojot esošos HTML kodus, jūs saskaraties ar argumentu veids elementā
- A - latīņu lielie burti (A, B, C . . .);
- a - mazie latīņu burti (a, b, c . . .);
- I - lielie romiešu cipari (I, II, III . . .);
- i - mazie romiešu cipari (i, ii, iii . . .);
- 1 — arābu cipari (1, 2, 3 . . .) (tiek izmantoti pēc noklusējuma).
- šādā veidā:
-
Šajā gadījumā saraksta secīgā numerācija tiks pārtraukta un no šī brīža numerācija sāksies no jauna, šajā gadījumā no septiņiem.
Atribūtu lietošanas piemērs vērtību tagu
Šajā piemērā "Pirmais saraksta vienums" būtu ar 1. numuru, "Otrais saraksta vienums" būtu ar 7. un "Trešais saraksta vienums" būtu ar 8. numuru.
Numurētu sarakstu formatēšana ar CSS
Lai mainītu saraksta numurus, izmantojiet rekvizītu saraksta stila veids css stila lapas:
- . Pārlūkprogramma katru saraksta vienumu ievieto atkāpē un automātiski parāda aizzīmes.
- Pirmais punkts
- Otrais punkts
- Trešā rindkopa
- nav nepieciešams ievietot tikai tekstu, ir atļauts ievietot jebkuru straumējamā satura elementu (saites, rindkopas, attēlus utt.)
- ir iespējams izveidot ligzdotu sarakstu vai otrā līmeņa sarakstu. Lai ligzdotu sarakstu, elementā aprakstiet jaunu sarakstu
- jau esošais saraksts. Ievietojot vienu sarakstu ar aizzīmēm citā, pārlūkprogramma automātiski maina otrā līmeņa saraksta aizzīmju stilu. Jebkuru sarakstu var ievietot citā sarakstā. Nākamajā piemērā ir parādīta numurēta saraksta otrajā vienumā ligzdotā saraksta ar aizzīmēm struktūra.
- Izmēģiniet pats"
- pirmdiena
- Nosūtīt pastu
- Redaktora apmeklējums
- Tēmas izvēle
- Dekoratīvais dizains
- Gala ziņojums
- Vakara ziņojumu apskate
- otrdiena
- Pārskatiet grafiku
- Iesniedziet attēlus
- trešdien...
- pirmdiena
- Nosūtīt pastu
- Redaktora apmeklējums
- Tēmas izvēle
- Dekoratīvais dizains
- Gala ziņojums
- Vakara ziņojumu apskate
- otrdiena
- Pārskatiet grafiku
- Iesniedziet attēlus
- trešdien...
- Izmēģiniet pats"
- Kafija
- Kafija
- Kafija
- Kafija
- Kafija
- Piens
- Kafija
- Piens
- Kafija
- Piens
- Kafija
- Piens
- Izmēģiniet pats"
- Vērsis
- Dvīņi
- Auns
- Vērsis
- Dvīņi
- (no angļu valodas. Definīcija Termins - definēts vārds, termins) un
- (no angļu valodas. Definīcijas apraksts - definētā termina apraksts).
- Pirmais termiņš
- Pirmā termiņa apraksts
- Otrais termiņš
- Otrā termiņa apraksts
- Izmēģiniet pats"
- Pasaules tīmeklis
- - no angļu valodas. World Wide Web (WWW) ir izplatīta sistēma, kas nodrošina piekļuvi savstarpēji saistītiem dokumentiem, kas atrodas dažādos datoros, kas savienoti ar internetu.
- Internets
- - tīklu kopums, kas informācijas pārsūtīšanai izmanto vienu apmaiņas protokolu.
- Tīmekļa vietne
- - atsevišķu tīmekļa lapu kopums, kas ir savstarpēji savienotas ar saitēm un vienotu dizainu.
- kā parādīts zemāk.
- Pirmais punkts
- Otrais punkts
- Trešā rindkopa
Ja nenorādīsiet nekādus papildu atribūtus un vienkārši ierakstiet tagu
- , tad pēc noklusējuma tiek izmantots saraksts ar arābu cipariem (1, 2, 3,...), kā parādīts 11.3. piemērā.
- punktualitātes veidošana (jūs nekad neko nenokavēsiet);
- izārstēt punktualitāti (jūs nekad nekur nesteigsies);
- izmaiņas laika un pulksteņu uztverē.
- arābu skaitļi (1, 2, 3, ...);
- 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, ...).
- Karalis Magnums XLIV
- Karalis Zigfrīds XVI
- Karalis Sigismunds XXI
- Karalis Husbrandts I
- :
Numurēts saraksts:
- Kafija
- Tēja
- Piens
piezīme: tag
- kā bērnu elementi var saturēt tikai atzīmes
- , tas ir, viss numurētā saraksta saturs ir jāievieto elementu iekšpusē
- . Tag
- , savukārt, nav satura ierobežojumu, tāpēc tajā var ievietot rindkopas, attēlus, saites, tabulas, citus sarakstus utt.
saraksts ar aizzīmēm
saraksts ar aizzīmēm- tie ir nesakārtoti, tas ir, nesakārtoti elementu saraksti, kuru secībai nav nozīmes. Visiem saraksta vienumiem ar aizzīmēm ir vienādas aizzīmes, pēc noklusējuma tie tiek parādīti kā mazi melni apļi.
HTML tagu izmanto, lai izveidotu sarakstus ar aizzīmēm.
- , kurā atrodas paša saraksta elementi (tāpat kā numurētu sarakstu gadījumā, tiek izmantots tags
- , kurā ir viss parādītais saraksta saturs):
Saraksts ar aizzīmēm:
- Kafija
- Tēja
- Piens
Marķieru veidi
Aizzīmju veidus numurētā sarakstā var mainīt, izmantojot tipa atribūtu. Šis atribūts atbalsta piecus marķieru veidus:
Sarakstiem ar aizzīmēm nav tipa atribūta, tāpēc aizzīmju sarakstā aizzīmju veidu nevar mainīt, izmantojot HTML. Lai mainītu marķiera veidu, šajā gadījumā varat izmantot CSS īpašums m list-style-type , ar kuru papildus noklusējuma vērtībai varat atlasīt vēl divus marķiera veidus: aplis vai kvadrāts .
Sarakstu marķieru maiņa:
Lapas nosaukums Numurēts saraksts ar atribūtu type="a":
- Āboli
- Banāni
- Citroni
Numurēts saraksts ar atribūtu type="I":
- Āboli
- Banāni
- Citroni
Aizzīmju saraksta marķieru veidi:
- Āboli
- Banāni
- Citroni
- Āboli
- Banāni
- Citroni
Sarakstu stila tipa CSS rekvizītam papildus aizzīmju veidiem, kas paredzēti sarakstiem ar aizzīmēm, ir daudz dažādu aizzīmju veidu numurētiem sarakstiem. Bet ne vienmēr viena standarta marķiera maiņa uz citu ir pietiekama, lai skaisti noformētu sarakstu. Sarakstu noformēšanai labāk izmantot CSS, kas ļauj ne tikai mainīt marķiera izskatu, bet arī aizstāt marķierus ar attēliem, kontrolēt to atrašanās vietu un kontrolēt atkāpi. Jūs varat redzēt, kā to visu izdarīt.
horizontālais saraksts
Ja izmantojat HTML sarakstu, lai izveidotu horizontālu izvēlni, jums būs jāsakārto saraksta vienumi blakus viens otram vienā rindā. To nevar izdarīt, izmantojot HTML, tāpēc jums būs jāizmanto CSS.
Lai izveidotu horizontālu sarakstu, jums ir jāiestata saraksta vienumu CSS displeja rekvizīts uz inline vai inline-block , atkarībā no tā, kādus citus rekvizītus plānojat izmantot.
Lapas nosaukums numurēts saraksts
- Āboli
- Banāni
- Citroni
Saraksts ar aizzīmēm:
- Āboli
- Banāni
- Citroni
Pēc tam visi saraksta vienumi tiks sarindoti vienā rindā. Lūdzu, ņemiet vērā, ka aizzīmes pazudīs no saraksta vienumiem un starp tām pat nebūs atstarpes, bet atkāpe saraksta kreisajā pusē paliks.
Kā horizontālu sarakstu pārvērst horizontālā izvēlnē, jūs varat redzēt.
- , kurā ir viss parādītais saraksta saturs):
Piemērs 11.3. Izveidojiet numurētu sarakstu
numurēts saraksts Darbs ar laiku
Šī piemēra rezultāts ir parādīts attēlā. 11.3.
Rīsi. 11.3. Numurēta saraksta skats
Ņemiet vērā, ka numurētais saraksts arī pievieno automātiskas atkāpes teksta augšdaļā, apakšā un kreisajā pusē.
Šādas vērtības var darboties kā numerācijas elementi:
Atzīmes tipa atribūts tiek izmantots, lai norādītu numurētā saraksta veidu.
- . Tās iespējamās vērtības ir norādītas tabulā. 11.2.
Tab. 11.2. Numurēto sarakstu veidi
Saraksta veids HTML kods Piemērs Arābu cipari
1. Čeburaška
2. Krokodils Gena
3. ShapoklyakLatīņu alfabēta lielie burti
A. Čeburaška
B. Krokodils Gena
C. ŠapokljaksLatīņu alfabēta mazie burti
a. Čeburaška
b. Krokodils Gena
c. ShapoklyakRomiešu cipari ar lielajiem burtiem
I. Čeburaška
II. Krokodils Gena
III. ShapoklyakRomiešu cipari ar mazajiem burtiem
i. Čeburaška
ii. Krokodils Gena
iii. ShapoklyakLai sāktu sarakstu ar noteiktu vērtību, izmantojiet taga sākuma atribūtu
- . Nav nozīmes tam, kurš saraksta veids ir iestatīts ar type , sākuma atribūts darbojas vienādi gan romiešu, gan arābu cipariem. Piemērā 11-4 parādīts, kā izveidot sarakstu, izmantojot lielos romiešu ciparus, kas sākas ar astoņiem.
Piemērs 11.4. Sarakstu numerācija
Romiešu cipari Šī piemēra rezultāts ir parādīts attēlā. 11.4.
Rīsi. 11.4. Numurēts saraksts ar romiešu cipariem
HTML valodā par sarakstu organizēšanu ir atbildīga vesela tagu kopa, kuras organizēšanai ir jāatbilst noteiktiem datu strukturēšanas noteikumiem.
Piektais standarts html versijas Tiek atbalstīti 3 veidu saraksti: numurēti saraksti, saraksti ar aizzīmēm un definīciju saraksti. Tas nodrošina arī iespēju ligzdot sarakstus vienu otrā, veidojot ligzdotus daudzlīmeņu sarakstus.
numurēts saraksts
numurēts saraksts ir elementu (saraksta vienumu) kopums, kam ir noteikta secība. Katram vienumam numurētā sarakstā ir unikāls marķieris, kas norāda vienuma secību attiecībā pret citiem saraksta vienumiem. Pēc noklusējuma numurētie saraksta elementu marķieri ir cipari. Pirmais vienums ir zem skaitļa 1, otrais ar numuru 2 un tā tālāk.
Visizplatītākie numurēto sarakstu piemēri ir dažādu ēdienu gatavošanas receptes. Tā kā jebkura recepte ir numurēts saraksts ar skaidru darbību secību.
Lai izveidotu numurētus sarakstus HTML, izmantojiet tagu
- , kurā atrodas saraksta elementi ar datiem. Katrs saraksta vienums ir identificēts ar atzīmi.
Numurēto sarakstu stili
Piemērs Nozīme Apraksts a, b, c zemākā alfa Mazie burti A, B, C augšējā alfa Lielie burti i, ii, iii apakšromiešu Romiešu cipari ar mazajiem burtiem I, II, III augšromiešu Romiešu cipari ar lielajiem burtiem Piemērs: CSS rekvizīta lietošana saraksta stila veids
Aizzīmētie saraksti
Aizzīmētie saraksti būtībā līdzīgi numurētajiem, tikai tie nesatur rindkopu secīgu numerāciju. Saraksti ar aizzīmēm tiek izveidoti, izmantojot bloka elementu
TagNākamajā piemērā varat redzēt, ka pēc noklusējuma katra saraksta vienuma priekšā ir pievienots neliels aizpildīts apļa marķieris:
Birkas iekšpusē
Ligzdotie saraksti
Jebkuru sarakstu var ievietot citā sarakstā. Elementa iekšpusēPiemērs: Ligzdotie saraksti
Aizzīmju sarakstu formatēšana
Pārmaiņām izskats saraksta marķieriem ir jāizmanto rekvizīts saraksta stila veids css stila lapas:
Šajā piemērā ir parādīti dažādi aizzīmju sarakstu stili:
Piemērs: aizzīmju saraksta stili
Disks:
Aplis:
Kvadrāts:
Nav:
Grafiskie marķieri.
HTML valodā ir iespējams izveidot sarakstu ar grafiskajiem marķieriem. Viena lieta ir, ja saraksta marķieri ir standarta apļi vai kvadrāti, un pavisam cita lieta, ja izstrādātājs pats izvēlas marķieri atbilstoši lapas dizainam. Lai saraksta vienumi izskatītos skaisti, bieži tiek izmantoti mazi attēli.
Lai aizstātu parasto marķieri ar grafisku, nomainiet rekvizītu saraksta stila veids par īpašumu saraksta stila attēls un norādiet attēla URL:Piemērs: grafiskie marķieri
Zodiaka zīmes
Zodiaka zīmes
Definīciju saraksti (apraksti)
Definīciju saraksti ir ļoti ērti, lai izveidotu, piemēram, personīgo terminu glosāriju. Katram vienumam definīciju sarakstā ir divas daļas: termins un tā definīcija.
Jūs ievietojat visu sarakstu elementā
Definīciju sarakstus bieži izmanto zinātniskos, tehniskos un izglītības izdevumos, ar to palīdzību veidojot glosārijus, vārdnīcas, uzziņu grāmatas u.c.Aprakstu saraksta vispārējā struktūra ir šāda:
Nākamajā piemērā parādīts viens no iespējamie lietojumi definīciju saraksts:
Piemērs: definīciju saraksts
World Wide Web - no angļu valodas. World Wide Web (WWW) ir izplatīta sistēma, kas nodrošina piekļuvi savstarpēji saistītiem dokumentiem, kas atrodas dažādos datoros, kas savienoti ar internetu. Internets ir tīklu kopums, kas informācijas pārsūtīšanai izmanto vienu apmaiņas protokolu. Vietne ir atsevišķu tīmekļa lapu kopums, kas ir savienotas kopā ar saitēm un vienotu dizainu.
Pēc noklusējuma termina teksts atrodas pārlūkprogrammas loga kreisajā malā, un termina apraksts atrodas zemāk un pārvietots pa labi.
Numurētie saraksti ir elementu kopa ar to sērijas numuriem. Numerācijas veids un veids ir atkarīgs no tagu atribūtiem
- , ko izmanto, lai izveidotu sarakstu. Katrs vienums numurētā sarakstā ir identificēts ar atzīmi
Šeit: ierakstiet - saraksta rakstzīmes:
Ja vēlaties, lai saraksts sāktos ar citu skaitli, nevis 1, tas jānorāda, izmantojot atribūtu sākt tagu
Nākamajā piemērā ir parādīts sakārtots saraksts ar lieliem romiešu cipariem un sākotnējā vērtība XLIX:Numerāciju var sākt arī, izmantojot atribūtu vērtību, kas tiek pievienots elementam
Ierakstīšanas piemērs:
- .
- .
Šāds apzīmējums nosaka saraksta numerāciju no lielā latīņu burta "E". Citiem numerācijas veidiem ieraksts START=5 iestatīs numerāciju, attiecīgi no skaitļa "5", romiešu cipara "V" utt.
Saraksta numerācijas veidu un skaitļu vērtības var mainīt arī jebkuram saraksta elementam. Tag
- numurētiem sarakstiem ļauj izmantot parametrus TYPE un VALUE. Parametram TYPE var būt tādas pašas vērtības kā tagam
Parametram COMPACT ir tāda pati nozīme kā sarakstiem ar aizzīmēm. Parametrs TYPE tiek izmantots, lai norādītu, kā saraksts tiek numurēts. Tam var būt šādas vērtības:
TYPE = A - iestata marķierus lielo latīņu burtu formā;
TIPS = a - iestata marķierus mazo latīņu burtu formā;
TIPS = I - iestata marķierus lielu romiešu ciparu formā;
TIPS = i - iestata marķierus mazu romiešu ciparu formā;
TIPS = 1 - iestata marķierus arābu ciparu formātā.
Pēc noklusējuma vienmēr tiek izmantota vērtība TYPE = 1, t.i., numerācija, izmantojot arābu ciparus. Tas attiecas arī uz ligzdotiem sakārtotiem sarakstiem. Šeit, atšķirībā no aizzīmju sarakstiem, pārlūkprogrammas pēc noklusējuma neveido atšķirīgu numerāciju dažādos sarakstu ligzdošanas līmeņos. Ņemiet vērā, ka aiz saraksta elementa numura vienmēr papildus tiek parādīta zīme "punkts".
Parametru TYPE ar vienādām vērtībām var izmantot, lai norādītu, kā jānumurē atsevišķi saraksta elementi. Lai to izdarītu, saraksta elementa tagā ir atļauts norādīt parametru TYPE ar atbilstošo vērtību
Šāda veida saraksti parasti ir atsevišķu elementu sakārtota secība. Atšķirība no sarakstiem ar aizzīmēm ir tāda, ka numurētā sarakstā pirms katra elementa automātiski tiek norādīts sērijas numurs. Numerācijas veids ir atkarīgs no pārlūkprogrammas, un to var iestatīt pēc saraksta tagu parametriem. Citādi numurētu sarakstu ieviešana līdzinās aizzīmju sarakstu ieviešanai.
tagus
- un
Lai izveidotu numurētu sarakstu, 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āpat kā ar aizzīmju sarakstu, katram vienumam sarakstā ar aizzīmēm jāsākas ar atzīmi
Šeit ir HTML dokumenta piemērs, kurā tiek izmantots definīciju saraksts:
Definīciju saraksta piemērs Tipisku cilvēka temperamentu klasifikācija,
dibinātapar Hipokrāta uzskatiem
Dotā HTML dokumenta parādīšana pārlūkprogrammā ir parādīta attēlā. 2.5.
Rīsi. 2.5. Definīciju saraksts (atgādina ierakstu grupu vārdnīcā)
Ierakstiet sarakstus
un - .
Sākotnēji šo veidu saraksti tika iecerēti kā kompaktāki nekā parastie aizzīmju saraksti. Saskaņā ar šo sarakstu elementu rakstīšanas noteikumiem viņiem nebija atļauts izmantot bloku elementus, kas nozīmē, ka nav iespējams īstenot šāda veida sarakstu ligzdošanu. Katrs saraksta elements bija viena teksta rindiņa.
Tādiem sarakstiem kā
bija plānots ieviest ierobežojumu "saraksta elementa teksta garumam (24 rakstzīmes). Šāds ierobežojums ļautu veidu saraksti
formā, kas līdzinās direktoriju sarakstam operētājsistēmas UNIX un MS-DOS, izmantojot slēdzi /W (vairākās kolonnās). Turklāt šāda veida saraksta vienumiem aizzīmes netika rādītas. Šobrīd visas šīs idejas nav īstenotas, jo turpmāk šāda veida sarakstu izmantošana nav ieteicama. Mūsdienu pārlūkprogrammu versijas atveido šo tipu sarakstus tieši tādā pašā veidā kā šo tipu sarakstus
- .
Ligzdotie saraksti
Ir gadījumi, kad viena veida saraksta elementā ir jāiekļauj viss tāda paša vai cita veida saraksts. Tādējādi tiks sakārtoti vairāku līmeņu vai ligzdoti saraksti. HTML ļauj patvaļīgi ievietot dažādu veidu sarakstus, taču tos organizējot ir jābūt uzmanīgiem.
Zemāk ir dokumenta HTML kods ar ligzdotiem sarakstiem, kuru displejs ir parādīts att. 2.6. Šajā piemērā katram aizzīmju saraksta elementam ir savs numurēts saraksts.
Ligzdota saraksta piemērs Dažu planētu satelīti
- , var novietot bloka līmeņa elementus. No tā jo īpaši izriet, ka definīciju sarakstus var ligzdot.
-
P ieraksta piemērs:
- .
- .
Šāds apzīmējums nosaka saraksta numerāciju no lielā latīņu burta "E". Citiem numerācijas veidiem ieraksts START=5 iestatīs numerāciju, attiecīgi no skaitļa "5", romiešu cipara "V" utt.
Saraksta numerācijas veidu un skaitļu vērtības var mainīt arī jebkuram saraksta elementam. Tag
- numurētiem sarakstiem ļauj izmantot parametrus TYPE un VALUE. Parametram TYPE var būt tādas pašas vērtības kā tagam
Parametram COMPACT ir tāda pati nozīme kā sarakstiem ar aizzīmēm. Parametrs TYPE tiek izmantots, lai norādītu, kā saraksts tiek numurēts. Tam var būt šādas vērtības:
TYPE = A - iestata marķierus lielo latīņu burtu formā;
TIPS = a - iestata marķierus mazo latīņu burtu formā;
TIPS = I - iestata marķierus lielu romiešu ciparu formā;
TIPS = i - iestata marķierus mazu romiešu ciparu formā;
TIPS = 1 - iestata marķierus arābu ciparu formātā.
Pēc noklusējuma vienmēr tiek izmantota vērtība TYPE = 1, t.i., numerācija, izmantojot arābu ciparus. Tas attiecas arī uz ligzdotiem sakārtotiem sarakstiem. Šeit, atšķirībā no aizzīmju sarakstiem, pārlūkprogrammas pēc noklusējuma neveido atšķirīgu numerāciju dažādos sarakstu ligzdošanas līmeņos. Ņemiet vērā, ka aiz saraksta elementa numura vienmēr papildus tiek parādīta zīme "punkts".
Parametru TYPE ar vienādām vērtībām var izmantot, lai norādītu, kā jānumurē atsevišķi saraksta elementi. Lai to izdarītu, saraksta elementa tagā ir atļauts norādīt parametru TYPE ar atbilstošo vērtību
Saraksti šāda veida parasti attēlo atsevišķu elementu sakārtotu secību. Atšķirība no sarakstiem ar aizzīmēm ir tāda, ka numurētā sarakstā pirms katra elementa automātiski tiek norādīts sērijas numurs. Numerācijas veids ir atkarīgs no pārlūkprogrammas, un to var iestatīt pēc saraksta tagu parametriem. Citādi numurētu sarakstu ieviešana līdzinās aizzīmju sarakstu ieviešanai.
Tagi
- un
Lai izveidotu numurētu sarakstu, 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āpat kā ar aizzīmju sarakstu, katram vienumam sarakstā ar aizzīmēm jāsākas ar atzīmi
- Norādot uz atsevišķiem saraksta vienumiem, tiek nodrošināti standarta saraksta vienumu marķieri.
Parametrs COMPACT tiek rakstīts bez vērtības un tiek izmantots, lai norādītu pārlūkprogrammai, ka dotais saraksts ir jāparāda kompaktā formā. Piemēram, var samazināt fontu vai atstarpes starp saraksta rindām utt.
Piezīme
Pašlaik tagā ir parametrs COMPACT
- neietekmē sarakstu rādīšanu vadošajās pārlūkprogrammās. Tāpēc šī parametra izmantošana 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 marķierus. Precīzs marķiera izskats 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ā viengabalains aplis; TYPE = aplis - marķieri tiek parādīti kā neaizpildīti apļi; TIPS = kvadrāts - marķieri tiek parādīti kā aizpildīti kvadrāti. Ierakstīšanas 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ī un kvadrāts trešajā līmenī. Tas ir tieši tas, kas tiek darīts jaunākās versijas Netscape pārlūkprogrammas un Internet Explorer. Ņemiet vērā, ka citās pārlūkprogrammās marķieri var tikt rā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āta kontūra.
Parametru TYPE ar vienādām vērtībām var izmantot, lai norādītu marķieru veidu atsevišķiem saraksta vienumiem. Lai to izdarītu, saraksta elementa tagā ir atļauts norādīt parametru TYPE ar atbilstošo vērtību
- .
- ,
- ,
- , ar kuras palīdzību šāda veida saraksti tiek sakārtoti HTML dokumentos (UL - Unordered List, unordered list).
Aizzīmju sarakstā, lai izceltu tā elementus, tiek izmantotas īpašas rakstzīmes, ko sauc par saraksta marķieriem (bieži sauktas par aizzīmēm, kas ir angļu valodas termina bullet formāls skanējums). Sarakstu marķieru izskatu nosaka pārlūkprogramma, un, veidojot ligzdotos sarakstus, pārlūkprogrammas automātiski dažādo dažādu ligzdošanas līmeņu marķieru izskatu.
Tagi un<LI >
Lai izveidotu sarakstu ar aizzīmēm, jāizmanto tag-konteiners, 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 vienumam jāsākas ar atzīmi