Listat janë një pjesë e rëndësishme e përmbajtjes, sepse ato ndihmojnë në organizimin e informacionit. Teksti në lista perceptohet më mirë dhe mbahet mend më lehtë.

Më e thjeshta është se përpara secilit prej elementeve të tij ka një shënues - një rreth, katror ose rreth. Rendi i artikujve në një listë me pika nuk është i rëndësishëm.

Për ta krijuar atë, duhet të përdorni vetëm dy etiketa:

Dhe
• .
  është një kontejner që përmban një listë, elementët e së cilës janë specifikuar nga etiketa
  • .
    • Guri
    • Gërshërë
    • Letër

    Si parazgjedhje, shënuesi i listës është një rreth i zi ( disk). Duke shtuar në etiketë

    atribut lloji dhe duke i caktuar vlerën e duhur, shënuesi mund të ndryshohet në një rreth ( rrethi) ose katror i zi ( katrore).

    Ai ndryshon nga i shënuari në atë që rendi i elementeve në të është i rëndësishëm, dhe për këtë arsye në vend të një shënuesi, këtu përdoren numra ose shkronja vijuese. Nuk ka nevojë të shqetësoheni për renditjen në listë: shfletuesi kujdeset për këtë detyrë. Nëse ndryshoni listën (heqni ose shtoni një artikull jashtë rendit), shfletuesi do ta rillogarisë atë dhe do ta shfaqë saktë.

    Etiketat përdoren për të krijuar lista të numëruara

    Dhe
    1. . Enë
       përcakton fillimin dhe fundin e listës, etiketën
       1. specifikon fillimin dhe fundin e elementit të tij - gjithçka është vetëm si në një listë me pika
          zëvendësohet nga
          .
          1. Guri
          2. Gërshërë
          3. Letër

          

          Meqenëse gjërat nuk janë gjithmonë kaq të thjeshta me listat e numëruara, për etiketën

          krijoi atributet e mëposhtme (shënim: më poshtë është vetëm një listë e numëruar):

          1. lloji. Ky atribut ju lejon të numëroni listën jo vetëm me arabisht, por edhe me numra romakë ose shkronja latine të rasteve të ndryshme. lloji mbështet vlerat 1 (parazgjedhja), a, A, i, I (provoni të eksperimentoni vetë me to).

          2. filloni. Numërimi nuk duhet gjithmonë të fillojë me një. Ky atribut ju lejon të vendosni vlerën fillestare - numrin e elementit të parë të listës. Në të mund të specifikoni që raporti fillon, për shembull, me numrin 100 ose shkronjën K.

          3. i kundërt. Nëse lista nuk duhet të shkojë nga 1 në 10, por nga 10 në 1, atëherë ky atribut duhet të përdoret. Nëse specifikohet, numërimi do të jetë në rend të kundërt.

          Për t'i caktuar një numër arbitrar një elementi në mes të listës, duhet të përdorni në etiketë

          1. atribut :

          2. Elementi i dyzet e pestë pas tridhjetë e tetë

          Duke ndryshuar numrin e një elementi në mes të listës, ju do të ndryshoni numërimin e të gjithë elementëve pas tij - raporti do të fillojë me vlerën në atributin vlera. Për shembull, nëse i keni caktuar elementit 18 numrin 35, atëherë elementët pas tij do të kenë numra jo 19, 20, 21, por 36, 37, 38.

          Lista e përkufizimeve

          Një lloj liste që nuk është aq i njohur sa ato të diskutuara më sipër. Përbëhet nga termat dhe përkufizimet e tyre. Krijuar duke përdorur etiketat:

          - një enë që përmban një listë.

          - etiketa e termit.

          - etiketë përkufizimi

          Fusha e zbatimit të listave të definicionit janë fjalorët, librat e referencës, testet, fjalorët dhe listimet e tjera të mëdha të llojit "Term - shpjegim".

          Këtu është një listë shembulli i përkufizimeve:

          Përshkruesi

          Njësia bazë e gjuhës së shënjimit, e njohur për të gjithë si "Tag".

          atribut

          Një veti e një etikete që e jep atë veçori shtesë dizajn teksti.

          Etiketa

          Një etiketë e vetme që nuk ka nevojë të mbyllet.

          

          Një listë e përbërë nga lista të vendosura brenda njëra-tjetrës. Mund të përfshijë lista të llojeve të ndryshme. Vështirësia e krijimit qëndron në ruajtjen e foleve të saktë të etiketave, pasi është e lehtë të ngatërrohesh në një strukturë me shumë nivele.

          Ja një shembull listë me shumë nivele:

          Gjuhët e programimit ndahen në:

          • Strukturore
          1. Paskalin
          2. Oberon
          1. Harresë
          • Të orientuar nga objekti
          1. Java
          • Funksionale
          1. Lisp
          2. Python

          HTML ofron një grup të veçantë etiketash për paraqitjen e informacionit në formën e listave. Listat janë një nga format më të përdorura të prezantimit të të dhënave, si në dokumente elektronike, dhe në shtyp. Ne hasim lista pothuajse çdo ditë - mund të jetë një listë e blerjeve të nevojshme në një dyqan, studentë në klasë ose thjesht gjëra që duhen bërë. Aftësia për të organizuar strukturat e listës është e disponueshme në shumë redaktorët e tekstit, në veçanti, një përpunues i fuqishëm teksti Microsoft Word ka mjete të përshtatshme për formatimin e listave të llojeve të ndryshme (mundësitë e krijimit të listave HTML duke përdorur Microsoft Word janë diskutuar në Kapitullin 8). Këtu janë një numër rastesh për të cilat përdorimi i listave është mjaft i përshtatshëm:

          • Kombinimi i pjesëve të informacionit në një strukturë të vetme për të krijuar një pamje të lexueshme.
          • Përshkrimi i proceseve komplekse hap pas hapi.
          • Një rregullim informacioni në stilin e tabelës së përmbajtjes, me paragrafë që tregojnë seksionet përkatëse të dokumentit.

          Vini re se pikat e mësipërme janë organizuar saktësisht në formën e një strukture liste.

          HTML ofron llojet e mëposhtme kryesore të listave: me pika, të numëruara dhe listë me definicion. Për të zbatuar listat lloje të ndryshme Përdoren etiketat e mëposhtme:

          ,
          ,

          , , . Duke përdorur lloje të ndryshme listash të integruara në një dokument, mund të realizohen një sërë mundësish, përshkrimi i të cilave është objekt i këtij kapitulli. Janë marrë parasysh veçoritë e ndërtimit të listave të llojeve të ndryshme, si dhe përdorimi i listave të mbivendosura.

          Lista me pika

          Një nga llojet e listave të zbatuara në HTML është lista me pika. Përndryshe, listat e këtij lloji quhen të panumëruara ose

          i çrregullt. Mbiemri përdoret shpesh si një përkthim zyrtar i emrit të etiketës përkatëse

          , me ndihmën e së cilës listat e këtij lloji organizohen në dokumente HTML (UL - Unordered List, unordered list).

          Një listë me pika përdor personazhe të veçanta, i quajtur shënues listash (shpesh quhen bullets, që është shqiptimi zyrtar i termit anglez bullet). Shfaqja e shënuesve të listës përcaktohet nga shfletuesi dhe kur krijojnë lista të ndërlidhura, shfletuesit diversifikojnë automatikisht pamjen e shënuesve në nivele të ndryshme foleje.

          Etiketat

          Dhe<LI >

          Për të krijuar një listë me pika, duhet të përdorni një etiketë etiketë, brenda së cilës ndodhen të gjithë elementët e listës. Etiketat e listës hapëse dhe mbyllëse ofrojnë një ndërprerje rreshti përpara dhe pas listës, duke e ndarë kështu listën nga përmbajtja kryesore e dokumentit, kështu që nuk ka nevojë të përdoren etiketat e paragrafëve këtu.

          
          .

          Çdo element i listës duhet të fillojë me një etiketë

          • (LI - Artikull i listës, elementi i listës). Etiketë
          • nuk kërkon një etiketë mbyllëse përkatëse, megjithëse prania e tij nuk është e ndaluar në parim. Shfletuesit zakonisht fillojnë çdo artikull të ri të listës në një rresht të ri kur shfaqin një dokument.

            Informacioni i dhënë është i mjaftueshëm për të ndërtuar një listë bazë me pika. Le të japim një shembull të një dokumenti HTML duke përdorur një listë me pika, shfaqja e së cilës nga shfletuesi tregohet në Fig. 2.1.

            Shenjat e zodiakut:

            • Dashi

            • Demi

            • Binjakët

            • Kanceri

            • Luani

            • Virgjëresha

            • Peshorja

            • Akrepi

            • Shigjetari

            • Bricjapi

            • Ujori

            • Peshku

            Oriz. 2.1. Shfaqja e shfletuesit të listës me pika

            Vini re se përveç elementeve të listës të shënuar me etiketë

          • , mund të jenë të pranishëm edhe elementë të tjerë HTML. Në shembullin e mësipërm, një nga këta elementë është teksti i thjeshtë, i cili nuk është një artikull liste, por vepron si titulli i tij.

            Shënim

            Disa tekste shkollore në gjuhën HTML tregojnë se një etiketë kontejneri duhet të përdoret për të vendosur titullin e listës. (LH - Kreu i listës, kreu i listës). Ky etiketë aktualisht nuk njihet nga asnjë shfletues i zakonshëm dhe nuk është pjesë e specifikimit HTML. Kështu, përdorimi i tij bëhet i pakuptimtë, megjithëse nuk do të çojë në asnjë gabim.

            Në etiketë

            mund të specifikohen dy parametra: COMPACT dhe TYPE.

            Parametri COMPACT shkruhet pa vlerë dhe përdoret për t'i treguar shfletuesit se këtë listë duhet të paraqitet në formë kompakte. Për shembull, fonti ose distanca midis rreshtave të listës, etj. mund të zvogëlohet.

            Shënim

            Aktualisht, prania e parametrit COMPACT në etiketë

            nuk ndikon në asnjë mënyrë në shfaqjen e listave në shfletuesit kryesorë. Prandaj, përdorimi i këtij parametri është i pakuptimtë, veçanërisht pasi përdorimi i tij nuk rekomandohet nga specifikimi HTML 4.0.

            Parametri TYPE mund të marrë këto vlera: disk, rreth dhe katror. Ky parametër përdoret për të detyruar shfaqjen e pikave të listës. Lloji i saktë i shënuesit do të varet nga shfletuesi që po përdorni. Opsionet tipike të shfaqjes janë si më poshtë:

            LLOJI = disku - shënuesit shfaqen si rrathë të mbushur; LLOJI = rrethi - shënuesit shfaqen si rrathë të hapur; LLOJI = katror - shënuesit shfaqen si katrorë të mbushur. Shembull i hyrjes:

            .

            Vlera e paracaktuar është TYPE = disk. Për listat e vendosura me pika, vlera e paracaktuar është disku në nivelin e parë, rrethi në nivelin e dytë, katrori në nivelin e tretë dhe më gjerë. Kjo është pikërisht ajo që bëhet në versionet e fundit Shfletuesit Netscape dhe Internet Explorer. Ju lutemi vini re se shfletuesit e tjerë mund të shfaqin shënuesit ndryshe. Për shembull, në specifikimin HTML 4.0, lloji i shënuesit që shfaqet kur TYPE = katror specifikohet si skicë katrore.

            Parametri TYPE me të njëjtat vlera mund të përdoret për të specifikuar llojin e shënuesve për elementët individualë të listës. Për ta bërë këtë, parametri TYPE me vlerën përkatëse lejohet të specifikohet në etiketën e elementit të listës

            • .

              Shembull i hyrjes:

            • .

              Shënim

              Shfletuesit interpretojnë ndryshe llojin e tokenit element individual listë. Shfletuesi Netscape ndryshon pamjen e shënuesit për këtë dhe të gjithë pasuesit derisa të ndeshet ripërcaktimi tjetër i pamjes së shënuesit. Shfletuesi i Internetit Explorer ndryshon pamjen e shënuesit vetëm për këtë element.

              Shënuesit e listës grafike

              Ju mund të përdorni imazhe grafike si pika të listës, e cila përdoret gjerësisht për të krijuar dokumente HTML tërheqëse dhe të dizajnuara mirë. Në fakt, kjo mundësi nuk ofrohet drejtpërdrejt nga gjuha HTML, por zbatohet disi artificialisht. Kjo nuk do të thotë që të bësh këtë nuk rekomandohet ose dënohet, por vetëm se këtu nuk do të përdoren konstruksione të veçanta të gjuhës HTML.

              Për të kuptuar idenë, duhet të kuptoni mekanizmin për zbatimin e listave në faqet HTML. Rezulton se etiketa e listës

              (si, në të vërtetë, etiketat e listave të llojeve të tjera, të diskutuara më poshtë) kryen një detyrë të vetme - i tregon shfletuesit që të gjitha informacionet e vendosura pas kësaj etikete duhet të shfaqen të zhvendosura djathtas (të futura) me një sasi të caktuar. Etiketat
              • , të cilat tregojnë për artikujt individualë të listës, ofrojnë shënues standard të artikujve të listës.

                Nëse na duhet të ndërtojmë një listë me shënues grafikë, atëherë mund të bëjmë pa etiketa fare

              • . Do të jetë e mjaftueshme për të futur imazhin e dëshiruar grafik përpara çdo elementi të listës. Problemi i vetëm që duhet zgjidhur është ndarja e elementeve të listës nga njëri-tjetri. Ju mund të përdorni etiketat e paragrafëve për këtë

                Ose detyroni një furnizim të linjës
                . Një shembull i zbatimit të një liste me shënues grafikë, shfaqja e së cilës është paraqitur në Fig. 2.2 është paraqitur më poshtë:

                Shenjat e zodiakut:
                

                Dashi
                

                Demi
                

                Binjakët
                

                Kanceri
                

                Luani
                

                Virgjëresha
                

                Peshorja
                

                Akrepi
                

                Shigjetari
                

                Bricjapi
                

                Ujori
                

                Peshku

                

                Oriz. 2.2. Lista me pika me pika grafike

                Në shembullin e mësipërm, shënuesi i artikullit të listës është skedar grafik Green_ball.gif. Vini re se përdorimi i grafikëve në faqet HTML mund të rrisë ndjeshëm sasinë e informacionit të transmetuar. Megjithatë, në në këtë rast kjo rritje është jashtëzakonisht e vogël. Këtu i njëjti skedar përdoret për të gjithë shënuesit,

                e cila do të transmetohet vetëm një herë. Madhësitë e skedarëve të një imazhi të vogël janë gjithashtu jashtëzakonisht të vogla.

                Shënim

                Teknikat për krijimin e listave me pika grafike diskutohen me radhë në Kapitullin 8.

                Lista e numëruar

                Një lloj tjetër liste e implementuar në HTML është lista e numëruar. Përndryshe, listat e këtij lloji quhen të renditura. Mbiemri përdoret shpesh si një përkthim zyrtar i emrit të etiketës përkatëse

                , me ndihmën e së cilës listat e këtij lloji organizohen në dokumente HTML (OL - Ordered List, ordered list).

                Listat të këtij lloji zakonisht përfaqësojnë një sekuencë të renditur të elementeve individuale. Dallimi nga listat me pika është se në një listë të numëruar, çdo elementi paraprihet automatikisht nga një numër serial. Lloji i numërimit varet nga shfletuesi dhe mund të vendoset nga parametrat e etiketave të listës. Përndryshe, zbatimi i listave të numëruara është shumë i ngjashëm me zbatimin e listave me pika.

                Etiketat

                Dhe

                1. Për të krijuar një listë të numëruar, duhet të përdorni një etiketë kontejneri, brenda së cilës ndodhen të gjithë elementët e listës. Etiketat e listës hapëse dhe mbyllëse ofrojnë një ndërprerje rreshti para dhe pas listës, duke e ndarë listën nga përmbajtja kryesore e dokumentit.

                   Ashtu si me një listë me pika, çdo artikull në një listë të numëruar duhet të fillojë me etiketën

                2. .

                   Këtu është një shembull i një dokumenti HTML duke përdorur një listë të numëruar: shfaqja e të cilave shfletuesi është paraqitur në Fig. 2.3.

                   Yjet më të ndritshëm të dukshëm nga Toka:

                   • Sirius

                   • K anopus

                   • Arkturi

                   • Alfa Centauri

                   • Vega

                   • K apela

                   • Rigel

                   • Procyon

                   • Achernar

                   • Beta Centauri

                   • Wetelgeuse

                   • Aldebaran

                     
                     . . .

                   • Mizar

                     
                     . . .

                   • Polare

                   

                   Oriz. 2.Z. Lista e numëruar

                   Në etiketë

                   Mund të specifikohen parametrat e mëposhtëm: COMPACT, TYPE dhe START.

                   Parametri COMPACT ka të njëjtin kuptim si listat me pika. Parametri TYPE përdoret për të specifikuar llojin e numërimit të listës. Mund të marrë vlerat e mëposhtme:

                   LLOJI = A - vendos shënuesit në formën e shkronjave të mëdha latine;

                   LLOJI = a - vendos shënues në formën e shkronjave të vogla latine;

                   LLOJI = I - vendos shënues në formën e numrave romakë të mëdhenj;

                   LLOJI = i - vendos shënues në formën e numrave të vegjël romakë;

                   LLOJI = 1 - vendos shënuesit në formën e numrave arabë.

                   Vlera e paracaktuar është gjithmonë TYPE = 1, pra numërimi duke përdorur numra arabë. Kjo vlen edhe për listat e vendosura me numra. Këtu, ndryshe nga listat me pika, shfletuesit si parazgjedhje nuk e bëjnë numërimin të ndryshëm në nivele të ndryshme të foleve të listave. Vini re se pas numrit të elementit të listës ka gjithmonë një shenjë shtesë "pikë".

                   Parametri TYPE me të njëjtat vlera mund të përdoret për të specifikuar stilin e numërimit për elementët individualë të listës. Për ta bërë këtë, parametri TYPE me vlerën përkatëse lejohet të specifikohet në etiketën e elementit të listës

                   1. .

                      Shembull i hyrjes:

                   2. .

                      Parametri i etiketës START

                      ju lejon të filloni të numëroni listën nga diçka tjetër nga një. Vlera e parametrit START duhet të jetë gjithmonë një numër natyror, pavarësisht nga lloji i numërimit të listës. Ja një shembull:
                      .

                      Kjo hyrje përcakton numërimin e listës duke filluar me shkronjën latine të madhe "E". Për llojet e tjera të numërimit, hyrja START=5 do të vendosë numërimin, përkatësisht, nga numri "5", numri romak "V" etj.

                      Ndryshimi i llojit të numërimit të listës dhe vlerave të numrave mund të bëhet për çdo element të listës. Etiketë

                      5. për listat e numëruara, lejon përdorimin e parametrave TYPE dhe VALUE. Parametri TYPE mund të marrë të njëjtat vlera si për etiketën
                         .

                         P hyrje shembull:

                         1. .

                            Shënim

                            Shfletuesit interpretojnë ndryshe llojin e numërimit për një artikull individual të listës. Shfletuesi Netscape ndryshon llojin e numërimit për këtë element dhe të gjithë ata pasues derisa të ndeshet anashkalimi tjetër. Internet Explorer ndryshon pamjen e numrit vetëm për këtë element.

                            Zvlera e parametrit të etiketës VALUE

                         2. - ju lejon të ndryshoni numrin e një elementi të caktuar të listës. Kjo ndryshon numërimin e të gjithë elementëve të mëpasshëm. Një aplikim tipik janë listat me disa elementë që mungojnë. Një shembull i një liste të tillë është dhënë më sipër (Fig. 2.3). Ai ofron një listë të renditur të yjeve më të shndritshëm, në të cilën vendet e 58-ta dhe të 75-ta përmbajnë yje që janë qartë të dukshëm në gjerësinë tonë (Mizar është ylli më i ndritshëm në yjësinë Arusha e Madhe dhe Polaris është ylli më i ndritshëm në yjësinë Arusha e Vogël) .

                            Le të japim një shembull tjetër origjinal të përdorimit të llojeve të ndryshme të numërimit. Kodi HTML më poshtë përmban tre lista me numërim të ndryshëm. Për lehtësinë e shikimit, secila nga listat vendoset në një qelizë të veçantë të tabelës. Të tre listat janë identike dhe ndryshojnë vetëm në llojin e numërimit: në kolonën e parë të tabelës ka numra arabë, në të dytën - romakë, dhe në të tretën numërimi është me shkronja latine. Ju lutemi vini re se elementët e listës janë bosh, pra pas çdo etikete

                         3. nuk ka të dhëna. Një shembull i këtij lloji mund të përdoret si një tabelë e korrespondencës midis shkrimit të numrave në numra arabë dhe romakë. Rezulton se çdo shfletues që mbështet lista mund të përdoret si gjenerues i një tabele të tillë (Fig. 2.4), thjesht duhet të shtypni kodin e dhënë HTML. Numërimi me numra romakë funksionon saktë deri në vlerën 3999. Duke studiuar kolonën e djathtë, mund të kuptoni se si bëhet numërimi me shkronja romake. Pasi të jetë shteruar numërimi me një shkronja (nga A në Z), numri i parë me dy shkronja merret si numër tjetër - AA, etj.

                            . . .

                            . . .

                            . . .

                            

                            Oriz. 2.4. Lloje të ndryshme të numërimit të listës HTML

                            Lista e përkufizimeve

                            Listat e përkufizimeve, të quajtura edhe fjalorë përkufizimesh, janë një lloj i veçantë liste. Ndryshe nga llojet e tjera të listave, çdo element i një liste përkufizimi përbëhet gjithmonë nga dy pjesë. Pjesa e parë e elementit të listës përmban termin që përcaktohet dhe pjesa e dytë përmban tekst në formën e një hyrjeje fjalori që zbulon kuptimin e termit.

                            Listat e përkufizimeve specifikohen duke përdorur një etiketë kontejneri

                            (Lista e përkufizimeve). Brenda enës me një etiketë

                            (Termi i përkufizimit) termi që përcaktohet është shënuar dhe etiketa

                            (Përshkrimi i përkufizimit) - një paragraf me përkufizimin e tij. Për etiketat

                            Dhe

                            Ju mund të hiqni etiketat përkatëse mbyllëse.

                            Në përgjithësi, lista e përkufizimeve është shkruar si më poshtë:

                            Afati

                            Përkufizimi i termit

                            Në tekstin pas etiketës

                            Nuk mund të përdoren elementë të nivelit të bllokut siç janë etiketat e paragrafëve

                            Ose titujt

                            -

                            . Si rregull, teksti i termit të përcaktuar duhet të vendoset në një rresht. Teksti që përmban përkufizimin e termit shfaqet duke filluar nga rreshti tjetër (ose çdo rresht për disa shfletues) pas përkufizimit të termit, i shënuar në të djathtë. Në informacionin e vendosur pas etiketës

                            , elementet e nivelit të bllokut mund të vendosen. Nga kjo rrjedh, në veçanti, se listat e përkufizimeve mund të mbivendosen.

                            Në etiketë

                            mund të specifikohet një parametër COMPACT, qëllimi i të cilit është i ngjashëm me listat e tjera të përshkruara më sipër.

                            Këtu është një shembull i një dokumenti HTML që përdor një listë përkufizimesh:

                            Klasifikimi i temperamenteve tipike njerëzore,
                            bazuar

                            mbi pikëpamjet e Hipokratit

                            Personi flegmatik

                            Pasiv, shumë punëtor, i ngadalshëm në përshtatje;
                            humor i qëndrueshëm, pak i ndjeshëm ndaj ndikimeve të jashtme;
                            letargji e reaksioneve emocionale dhe ngadalësi në aktivitetin vullnetar
                            
                            

                            Sanguine

                            Aktiv, energjik, i adaptueshëm, -
                            gjallëria dhe lëvizshmëria e reagimeve emocionale, shpejtësia dhe forca e manifestimeve vullnetare
                            
                            

                            Kolerike

                            Aktiv, shumë energjik, këmbëngulës;
                            vrullshmëria dhe forca e reagimeve emocionale, manifestimet e dhunshme të vullnetit
                            
                            

                            Melankolike

                            Pasiv, lehtësisht i lodhur, i vështirë për t'u përshtatur, -
                            dobësia e manifestimeve vullnetare dhe mbizotërimi i humorit depresiv, vetë-dyshimi

                            Shfaqja e dokumentit të dhënë HTML në shfletues është paraqitur në Fig. 2.5.

                            

                            Oriz. 2.5. Lista e përkufizimeve (e ngjashme me një grup hyrjesh në një fjalor)

                            Lloji i listave

                            Dhe

                            Lloji i listave

                            Dhe aktualisht praktikisht nuk përdoren, megjithëse ato ende mbështeten nga shfletuesit kryesorë. Në specifikimin HTML 4.0, të dyja këto lloje liste janë shënuar si të vjetruara. Në vend të kësaj, propozohet përdorimi i listave me pika të specifikuara nga etiketa

                            .

                            Këto lloje të listave fillimisht u krijuan për të qenë më kompakte se listat e rregullta me pika. Sipas rregullave për shkrimin e elementeve të këtyre listave, nuk lejohej përdorimi i elementeve bllok në to, që do të thotë se ishte e pamundur të zbatohej foleja e listave të këtij lloji. Çdo element i listës ishte një rresht teksti.

                            Për listat si

                            ishte planifikuar të vendosej një kufi në "gjatësinë e tekstit të një elementi të listës (24 karaktere). Një kufizim i tillë do të na lejonte të nxjerrim

                            listat si

                            në një formë të ngjashme me renditjen e drejtorive në sistemet operative UNIX dhe MS-DOS kur përdorni çelësin /W (shumë kolona). Për më tepër, shënuesit nuk u shfaqën për artikujt e listës të këtij lloji.

                            Aktualisht, të gjitha këto plane nuk janë zbatuar, pasi nuk rekomandohet përdorimi i mëtejshëm i listave të këtyre llojeve. Versionet moderne të shfletuesve shfaqin lista të këtyre llojeve në të njëjtën mënyrë si listat si

                            .

                            Listat e mbivendosura

                            Ka raste kur ju duhet të përfshini një listë të tërë të të njëjtit lloj ose një tjetër në një element liste të një lloji. Kjo do të krijojë lista me shumë nivele ose të mbivendosura. HTML lejon futjen arbitrare të llojeve të ndryshme të listave, por duhet pasur kujdes gjatë organizimit të tyre.

                            Më poshtë është kodi HTML për një dokument me lista të mbivendosura, shfaqja e të cilit është paraqitur në Fig. 2.6. Në këtë shembull, çdo artikull në listën me pika përmban listën e vet të numëruar.

                            Satelitët e disa planetëve

                            • Zempya

                              1. Hëna

                            • Harta

                              1. Fobos

                              2. Deimos

                            • Urani

                              1. Ariel

                              2. Umbriel

                              3. Titania

                              4. Oberon

                              5. Miranda

                            • Neptuni

                              1. Triton

                              2. Nereida

                              
                              

                              Përdorimet kryesore të listave:

                              Të numëruara - për të renditur elementet që pasojnë në një rend të përcaktuar rreptësisht.

                              Bulleted - për të renditur elementet në mënyrë të rastësishme.

                              Multi-nivel - për të specifikuar informacionin e elementeve të caktuara.

                              Lista e përkufizimeve - përdoret për të formatuar fjalorët.

                              Faqja html e listës së numëruar

                              Etiketat përdoren për të krijuar lista të numëruara

                              1. Etiketë

                                 Etiketë

                                 1. Si parazgjedhje, artikujt e listës numërohen sipas rendit 1, 2, 3... Duke përdorur atributin TYPE, mund të ndryshoni stilin e numërimit.

                                    Numërimi i vlerës LLOJI A, B, C.. a a, b, c.. I I, II, III.. i i, ii, iii.. 1 1. 2. 3..

                                    Nëse shtoni tashmë listën ekzistuese vlerat e reja, shfletuesi automatikisht do ta rillogarisë atë.

                                    Duke përdorur atributet START VALUE, mund të ndryshoni rendin e numërimit të listës.

                                    START - përdoret për të specifikuar numrin fillestar të listës, të ndryshëm nga 1.

                                    VALUE - bën të mundur caktimin e një numri arbitrar për çdo element të listës.

                                    Shembull:

                                    Faqja html e listës me pika

                                    Etiketat përdoren për të krijuar lista me pika

                                    Etiketë

                                    Fillimi/fundi i të gjithë listës është shënuar.

                                    Etiketë

                                    • tregoni fillimin/fundin e një elementi individual të listës.

                                      Si parazgjedhje, artikujt e listës shënohen me një rreth të zi. Atributi TYPE mund të përdoret për të ndryshuar stilin e shënimit.

                                      Brenda së njëjtës listë, mund të përdorni shenja të ndryshme për elementët e listës.

                                      Shembull:

                                      Faqja html e listës me shumë nivele

                                      Për të krijuar lista me shumë nivele, mund të përdorni lista me pika ose të numëruara, ose një kombinim të të dyjave. Një listë me shumë nivele krijohet duke futur një listë brenda trupit të një tjetre. Detyra kryesore është të mos hutoheni. Për ta bërë këtë, unë ju këshilloj të bëni dhëmbëzime të ndryshme për listat individuale.

                                      Listat e përkufizimeve të faqeve html

                                      Tre etiketa përdoren për të krijuar lista të përkufizimeve:

                                      - fillimi/mbarimi i listës.

                                      - fillimi/mbarimi i një termi të caktuar.

                                      - fillimi/mbarimi i nenit shpjegues të termit.

                                      Etiketat

                                      Dhe

                                      nuk është e nevojshme të alternohet. Ato. Ju mund të "lidhni" disa terma me një përkufizim, dhe anasjelltas.

                                      Shembull:

                                      Kodi HTML: Termi 1 Abstrakt 1 deri në termin 1 Abstrakt 2 deri në termin 1

                                      Shfaqja e shfletuesit: Termi 1 Abstrakt 1 në term 1 Abstrakt 2 në term 1

                                      Meqenëse në këtë faqe në disa elementë aplikohen stile të caktuara, shfaqja e tyre në tabelë është disi e ndryshme nga ajo që do të merrni.

                                      Listat me pika ju lejojnë të ndani tekstin e madh në blloqe të veçanta, secila prej të cilave fillon me një pikë - zakonisht një pikë të vogël. Kjo tërheq vëmendjen e lexuesit te teksti dhe rrit lexueshmërinë e tij.

                                      Me element

                                      Karakteristikat e mëposhtme janë të lidhura:
                                      • në vendin ku ndodh
                                        , shfletuesi automatikisht shton një ndërprerje të linjës;
                                        • lista ka dhëmbëza në krye dhe në fund;
                                        • Si parazgjedhje, shënuesit shfaqen si një rreth i mbushur;
                                        • Çdo element i listës zhvendoset djathtas në lidhje me tekstin kryesor.

                                        Figura 1 tregon rezultatin e shembullit, duke ilustruar tiparet e mësipërme të listës me pika.

                                        Oriz. 1. Pamja e listës së pikave

                                        Lloji i shënuesit

                                        Shënuesit mund të marrin një nga tre format: rrethi i mbushur (i parazgjedhur), rrethi i hapur dhe katrori. Për të zgjedhur llojin e shënuesit, përdorni veçorinë e tipit list-style ose tiparin universal të stilit të listës (shembulli 1). Vlerat e mëposhtme zbatohen:

                                        • disk - shënues në formën e një rrethi të mbushur;
                                        • rrethi - shënues në formën e një rrethi të hapur;
                                        • shenjues katror - katror.

                                        Shembulli 1: Ndryshimi i pamjes së një shënuesi

                                        • Sepulki
                                        • Sepulcaria
                                        • Sepulenimi

                                        Shembulli tregon se si të krijoni një listë me pika duke përdorur një katror të vogël me ngjyrë të fortë si ikonë e pikës. Edhe pse numri i vlerave është i kufizuar në tre, kjo nuk do të thotë që ne kemi në dispozicion vetëm tre lloje shënuesish. Ka shumë karaktere speciale që mund të veprojnë me sukses si një ikonë shënuesi. Vidhosini ato direkt në

                                      • Nuk do të funksionojë, kështu që do të duhet të punoni rreth tij. Për ta bërë këtë, fshihni shënuesit e listës duke përdorur veçorinë e stilit list me vlerën asnjë dhe në tekst përpara përmbajtjes
                                      • Ne shtojmë karakterin tonë duke përdorur pseudoelementin ::para. Në shembullin 2, një trekëndësh vepron si një shënues i tillë.

                                        Shembulli 2: Përdorimi::para

                                        • Sepulki
                                        • Sepulcaria
                                        • Sepulenimi

                                        Rezultati i këtij shembulli është paraqitur në Fig. 2. Meqenëse përdorimi i vetive të stilit list me vlerën none nuk i heq fare shënuesit, por vetëm i fsheh nga pamja, lista shfaqet e zhvendosur djathtas. Për të hequr qafe këtë veçori, shembulli shton një veçori të indentazhit të tekstit me një vlerë negative. Detyra e tij është të lëvizë tekstin në një karakter të majtë.

                                        

                                        Oriz. 2. Shënues arbitrar në listë

                                        Karakteri nuk duhet të jetë në format heksadecimal, ai mund të futet drejtpërdrejt në tekst. Gjëja kryesore është të ruani dokumentin në kodimin UTF-8 dhe që redaktori ta mbështesë atë. Vetë karakteret dhe kodet e tyre mund të merren, për shembull, nga LibreOffice Writer (Fig. 3).

                                        

                                        Oriz. 3. Përzgjedhja e një simboli në LibreOffice

                                        Lista me shënues të vizatuar me dorë

                                        Stilet ju lejojnë të vendosni çdo imazh të përshtatshëm si shënues përmes veçorisë list-style-image. Vlera është një shteg relative ose absolute drejt skedarit grafik, siç tregohet në shembullin 3.

                                        Shembulli 3: Përdorimi i një imazhi si shënues

                                        • Sepulki
                                        • Sepulcaria
                                        • Sepulenimi

                                        Është mirë të zgjidhni një foto të vogël në mënyrë që të mos i ktheni elementët e listës në titra. Në Fig. Figura 4 tregon rezultatin e një shembulli të përdorimit të fotografive të vogla si shënues.

                                        

                                        Oriz. 4. Vizatim si shënues

                                        Përdorimi i imazhit të stilit të listës ka disa disavantazhe:

                                        • modeli nuk mund të zhvendoset lart ose poshtë;
                                        • Pozicioni i figurës në lidhje me tekstin mund të ndryshojë në shfletues të ndryshëm.

                                        Këto mangësi mund të shmangen duke përdorur veçorinë e sfondit, ajo vendos imazhin e sfondit. Për çdo element të listës

                                      • ne heqim shënuesit origjinalë dhe vendosim imazhin e sfondit pa përsëritur. Dhe në mënyrë që teksti të mos shfaqet në krye të figurës, ne e zhvendosim atë në të djathtë duke përdorur padding-left (shembulli 4).

                                        Shembulli 4: Përdorimi i sfondit

                                        Ul (diferencë-majtas: -1em; ) li (stili i listës: asnjë; sfondi: url(images/bullet.png) pa përsëritje 0 2px; mbushje-majtas: 20px; )

                                        Pozicioni i tekstit dhe pikës

                                        Ka dy mënyra për të vendosur një shënues në lidhje me tekstin: shënuesi zhvendoset jashtë kufirit të elementeve të listës ose mbështillet rreth tekstit (Fig. 5).

                                        brenda	jashtë

                                        Oriz. 5. Vendosja e shënuesve në lidhje me tekstin

                                        Për të kontrolluar pozicionin e shënuesve, përdorni veçorinë list-style-position. Ka dy kuptime: jashtë - pikat vendosen jashtë bllokut të tekstit (kjo është vlera e paracaktuar) dhe brenda - pikat janë pjesë e bllokut të tekstit dhe shfaqen në artikullin e listës (shembulli 5).

                                        Shembulli 5: Ndryshimi i pozicionit të shënuesve

                                        • Përpara se të filloni, kontrolloni që pajisjet e përfshira me kompletin 3BM janë të përfshira.
                                        • Nëse një ose më shumë pajisje periferike mungojnë, duhet të kontaktoni menjëherë stafin teknik të QK.
                                        • Pasi të keni inspektuar vizualisht zonën tuaj të punës, mund të ndizni me kujdes fuqinë në 3BM.

                                        Rezultati i këtij shembulli është paraqitur në Fig. 6.

                                        

                                        Duke përdorur listat HTML, mund të krijoni një menu për faqen tuaj me artikuj dhe nën-artikuj të ndryshëm. Duke përdorur listat, krijohet përmbajtja (harta) e faqes, e cila është shumë e përshtatshme për motorët e kërkimit.

                                        Dhe kështu, ka etiketa "" - ato përcaktojnë një listë me pika.
                                        Etiketat "" - përcaktojnë artikujt, domethënë elementët e një liste me pika.

                                        Së pari, le të krijojmë një listë të thjeshtë të disa artikujve:

                                        <html > <kokë > <titulli > Lista e thjeshtë me pika HTMLtitulli > kokë > <trup > <ul > <li > Njëli > <li > Dyli > <li > Treli > <li > Katërli > ul > trup > html >
                                        • Tre

                                        Për shenjat html, mund të vendosni disa lloje që janë shkruar brenda
                                        etiketa e parë "

                                        "V tip = ""

                                        Le të krijojmë një listë në të cilën në vend të pikave do të ketë rrathë të vegjël (pika të shpuara). Ky lloj quhet " rrethi"

                                        <html > <kokë > <titulli > Lista me pika HTMLtitulli > kokë > <trup > <ul tip= "rreth"> <li > Njëli > <li > Dyli > <li > Treli > <li > Katërli > ul > trup > html >
                                        • Katër

                                        Tani, në vend të llojit "rreth", le të vendosim "llojin" katrore" (katrore)

                                        <html > <kokë > <titulli > Lista me pika HTMLtitulli > kokë > <trup > <ul tip= "katror"> <li > einli > <li > zweili > <li > dreili > <li > vierli > ul > trup > html >

                                        Mësimet CSS mbulojnë punën me lista në detaje, nga të cilat mund të mësoni se si të vendosni ngjyrat për artikujt dhe tekstin në to, si dhe si të vendosni vetë llojin e shënuesit (mund të jetë jo vetëm një katror
                                        ose një pikë - mund të jetë pothuajse çdo simbol).

                                        
                                        

                                        Listat e numëruara html

                                        Listat jo vetëm që mund të shënohen, por edhe të numërohen, pasi ndonjëherë kjo është e nevojshme. Këto mund të jenë numra (1, 2, 3...) dhe shkronja të alfabetit anglez me shkronja të vogla dhe të mëdha. Konsideroni gjithçka të përshkruar më sipër.

                                        Për të vendosur numërimin, përdoren etiketat "".
                                        Lloji është specifikuar brenda etiketës së parë.

                                        Numërimi me numra (nga një)

                                        <html > <kokë > <titulli > Të numëruara lista htmltitulli > kokë > <trup > <ol > <li > Një herëli > <li > Dyli > <li > Treli > <li > Katërli > ol > trup > html >
                                        1. Katër

                                        Nëse ju duhet që numërimi të fillojë nga zero (zero) ose nga tre, për shembull, atëherë duhet të shkruani etiketa në të parën start = "" dhe numrin e kërkuar.

                                        <html > <kokë > <titulli > Lista e numëruar htmltitulli > kokë > <trup > <ol start= "0" > <li > zeroli > <li > njëli > <li > dyli > <li > treli > ol > trup > html >

                                        Tani le të shohim se si të vendosim "numërimin e shkronjave".

                                        Në shkronja të vogla:

                                        <html > <kokë > <titulli > Listat e numëruara htmltitulli > kokë > <trup > <tipi ol= "a"> <li > Mërkurili > <li > Venusili > <li > Tokali > <li > Marsili > ol > trup > html >
                                        1. Mërkuri
                                        2. Venusi
                                        3. Toka

                                        Në rastin e sipërm:

                                        <html > <kokë > <titulli > Listat HTML të numëruaratitulli > kokë > <trup > <tipi ol= "A"> <li > Jupiterili > <li > Saturnili > <li > Uranili > <li > Neptunili > <li ><b> Plutonib>li > ol > trup > html >
                                        1. Jupiteri
                                        2. Saturni
                                        3. Neptuni
                                        4. Plutoni

                                        Përveç listave të rregullta në html, mund të krijoni lista me shumë nivele, domethënë nënseksione për artikuj të caktuar. Për ta bërë këtë, pas etiketës dhe titullit "

                                        • titull "fut një listë tjetër dhe më pas mbylle me një etiketë të dytë"
                                        "
                                        <html > <kokë > <titulli > Lista me shumë nivele htmltitulli > kokë > <trup > <ul tip= "katror" > <li > Violinëli > <li > Kitarë<ul > <li > klasikeli > <li > kitarë me ritëmli > <li > kitarë elektrikeli > ul > li > <li > Daulleli > <li > Dudoçkali > ul > trup > html >
                                        • Violinë
                                        • Kitarë
                                          • klasike
                                          • kitarë me ritëm
                                          • kitarë elektrike
                                        • Daulle
                                        • Dudoçka

                                        Mësimi tjetër do të shikojë krijimin e një menuje të thjeshtë bazuar në njohuritë e marra nga ky mësim.