Çfarë është një listë e numëruar në HTML? Një listë e numëruar është një grup artikujsh me numra vijues. Avantazhi i tij është se procesi i numërimit është i automatizuar, kështu që nuk do të ngatërroheni. Ju gjithashtu mund të filloni të numëroni jo nga elementi i parë, por nga elementi i njëqind e parë. Ju mund të ndryshoni llojin e listës: numrat arabë, shkronjat e mëdha të alfabetit latin, shkronjat e vogla të alfabetit latin, numrat romakë me shkronja të mëdha, numrat romakë me shkronja të vogla. Mbushja shtohet rreth listës së numëruar: lart, poshtë dhe majtas. Për të krijuar një listë të numëruar, përdorni etiketën

Çdo artikull në një listë të numëruar theksohet me një etiketë të çiftuar
1. , shembull i mëtejshëm si të krijoni një listë të numëruar:

   Një shembull i krijimit të një liste të numëruar

   
   
   1. Pika një
   
   
   2. Pika e dytë
   
   

   Listat e numëruara mund të vendosen brenda njëra-tjetrës. Thellësia mund të jetë çdo. Kjo metodë përdoret shpesh për të krijuar një menu në një faqe interneti. Me tutje shembull i një liste të mbivendosur, të numëruar:

   Shembull i një liste të mbivendosur, të numëruar

   
   
   1. Pika një
      
      
      
      1. Pika një në fillim
      
      
      2. Pika dy në të parën
         
         
         
         
         
         
      
      
      
      
   
   
   2. Pika e dytë
   
   

   Për të ndryshuar llojin e listës, duhet të përdorni atributin tip. Vlera e atributit duhet të jetë karakteri i parë i sekuencës së dhënë, për shembull, për numrat arabë lloji = "1", për tipin romak të madh = "I", etj.

   • Numrat arabë - 1, 2, etj.
   • Shkronjat e mëdha latine - A, B, etj.
   • Shkronjat e vogla latine - a, b, etj.
   • Numrat romakë të mëdhenj - I, II etj.
   • Numrat romakë të vegjël - i, ii, etj.

   Le të marrim shembullin tonë të mëparshëm dhe të specifikojmë llojet e listës:

   
   
   1. Pika një
      
      
      
      1. Pika një në fillim
      
      
      2. Pika dy në të parën
         
         
         
         1. Pika një në të parën, në të dytën
         
         
         2. Pika dy në të parën, në të dytën
         
         
         
         
      
      
      
      
   
   
   2. Pika e dytë
   
   

   Duke përdorur atributin e fillimit

   
   
   1920. Pika një
   
   
   1921. Pika e dytë
   
   

   Stilimi i listës së numëruar me CSS

   Ka shumë mësime të tjera për këtë, kështu që ne do të hedhim një vështrim të shpejtë në stilimin e një liste. Së pari, le ta zhvendosim listën tonë të numëruar 20 px nga e majta. Për këtë përdorim veçorinë marzh.

   ol (
   margjina: 0 0 0 20 px;
   }

   Në internet, shpesh bëhet pyetja: "Si mund të ndryshoj ngjyrën e pikave (për një listë me pika) ose ngjyrën e numërimit (për një listë të numëruar)?" Është shumë e lehtë për ta bërë atë, për shembull, si kjo:

   Shtimi i etiketës së hapësirës

   
   
   1920. Pika një
   
   
   1921. Pika e dytë
   
   

   Ndryshoni ngjyrën

   Li (
   ngjyra: e kuqe;
   }
   li span (
   ngjyra: # 000000;
   }

   Lista e numrave dhe SEO

   Listat e numëruara luajnë gjithashtu një rol të rëndësishëm në promovimin e SEO, pasi ato e bëjnë informacionin në faqe më të strukturuar. Kjo do të thotë se nëse përdorni listat në vendet e duhura, informacioni do të jetë më i kuptueshëm për lexuesin, si dhe për robotët e kërkimit.

   Dallimi i vetëm është se kjo etiketë është bërë rreptësisht për numërimin e listave. Emri i etiketës vjen nga shkurtesa angleze "Lista e renditur" - lista e numëruar.

   Sintaksa e etiketës

   1. Artikulli # 1
   2. Artikulli # 2
   3. Artikulli # 3
   4. ...

   Ku atributi tip = "vlerë" mund të marrë vlerat e mëposhtme

   • A - vendos shënues në formën e shkronjave latine të mëdha (A, B, C ..);
   • a - vendos shënues në formën e shkronjave të vogla latine (a, b, c ..);
   • I - vendos shënues në formën e numrave të mëdhenj romakë (I, II, III, IV ..);
   • i - specifikon shënuesit në formën e numrave të vegjël romakë (i, ii, iii, iv ..);
   • 1 (parazgjedhja) - specifikon shënuesit në formën e numrave arabë (1, 2, 3 ..);

   Atributi start = "value" vendos vlerën fillestare (vlerën fillestare) të raportit.

   Atributi i kundërt specifikon një numërim të kundërt (nëse është e nevojshme).

   Etiketë

   kërkon përdorimin e detyrueshëm të një etikete fundore

   Një etiketë e çiftuar përdoret për të formuar artikujt e listës

   1. ... Midis etiketave hapëse dhe mbyllëse janë fjalë individuale, fraza, paragrafë, imazhe, copa kodi dhe shumë më tepër, të cilat janë përmbajtja e një liste me pika.

      shënim

      Brenda listës, mund ta ndryshoni llogarinë në tuajën. Për këtë, ekziston një vlerë e veçantë e atributit = "" për etiketën

   2. të cilit i është caktuar një vlerë numerike. për shembull

      1. Artikulli # 1
      10. Artikulli # 2
      11. Artikulli # 3

      Shembuj me lista të numëruara në html (

      )

      Shembull 1. Lista html e numëruar në formën e shkronjave latine

      Shembull me shkronja të mëdha

      1. Artikulli # 1
      2. Artikulli # 2
      3. Artikulli # 3

      1. Artikulli # 1
      2. Artikulli # 2
      3. Artikulli # 3

      Shembull me shkronja të vogla

      1. Artikulli numër 10
      2. Artikulli # 11
      3. Artikulli # 12

      Kështu duket në faqe:

      1. Artikulli # 1
      2. Artikulli # 2
      3. Artikulli # 3

      Shembulli 2. Lista html e numëruar me shkronja romake

      Shembull me shkronja të mëdha

      1. Artikulli # 1
      2. Artikulli # 2
      3. Artikulli # 3

      Kështu duket në faqe:

      1. Artikulli # 1
      2. Artikulli # 2
      3. Artikulli # 3

      Shembull me shkronja të vogla

      1. Artikulli # 1
      2. Artikulli # 2
      3. Artikulli # 3

      Kështu duket në faqe:

      1. Artikulli # 1
      2. Artikulli # 2
      3. Artikulli # 3

      Shembulli 3. Lista e numrave html e pozicioneve të ndryshme të fillimit

      Një shembull që tregon aftësitë e atributit start, i cili ju lejon të vendosni vlerën fillestare të numëruesit.

      50. Artikulli # 1
      51. Artikulli # 2
      52. Artikulli # 3

      Kështu duket në faqe:

      1. Artikulli # 1
      2. Artikulli # 2
      3. Artikulli # 3

      Shembulli 4. Ndryshimi i llogarisë në listat html të numëruara

      Më poshtë është një shembull me aftësinë për të ndryshuar vlerat e numëruesit duke përdorur atributin e vlerës kur shfaqen elementë të rinj në etiketa

   3. .

      10. Artikulli # 1
      11. Artikulli # 2
      100. Artikulli # 3
      101. Artikulli # 4

      Kështu duket në faqe:

      1. Artikulli # 1
      2. Artikulli # 2
      3. Artikulli # 3
      4. Artikulli # 4

      Shembulli 5. Lista me numër të kthyeshëm në html

      Më poshtë është një shembull i një liste me numër të kundërt (duke numëruar në rend të kundërt).

      10. Artikulli # 1
      11. Artikulli # 2
      12. Artikulli # 3
      13. Artikulli # 4

      Kështu duket në faqe:

      1. Artikulli # 1
      2. Artikulli # 2
      3. Artikulli # 3
      4. Artikulli # 4

      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ë paraqitjes së të dhënave, si në dokumente elektronike ashtu edhe në shtyp. Ne takohemi me lista pothuajse çdo ditë - mund të jetë një listë e blerjeve të nevojshme në dyqan, studentë në klasë ose thjesht gjëra që duhen bërë. Aftësia për të organizuar strukturat e listave është e disponueshme në shumë redaktues teksti, në veçanti, përpunuesi i fuqishëm i tekstit 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 diskutohen 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ë dhënë një pamje të lexueshme.
      • Përshkrimi i proceseve komplekse hap pas hapi.
      • Vendndodhja e informacionit në stilin e një tabele të përmbajtjes, paragrafët e së cilës tregojnë seksionet përkatëse të dokumentit.

      Vini re se artikujt e mësipërm janë organizuar vetëm në formën e një strukture liste.

      HTML ofron llojet e mëposhtme bazë të listave: me pika, të numëruara dhe listë përkufizimesh. Etiketat e mëposhtme përdoren për të zbatuar lista të llojeve të ndryshme:

      ,
      ,

      , , ... Me ndihmën e llojeve të ndryshme të listave të integruara në dokument, mund të zbatohet një shumëllojshmëri e gjerë e aftësive, të cilat përshkruhen në këtë kapitull. Janë marrë parasysh veçoritë e listave të ndërtesave 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ë një listë me pika. Përndryshe, listat e këtij lloji quhen të panumëruara ose

      i çrregullt. Emri i fundit shpesh përdoret 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 karaktere speciale të quajtura pika listash (shpesh të quajtur bullets, që është shqiptimi zyrtar i termit anglisht bullet) për të theksuar artikujt e saj. Lloji i shënuesve të listës përcaktohet nga shfletuesi dhe kur krijojnë lista të ndërlidhura, shfletuesit do të diversifikojnë automatikisht pamjen e shënuesve në nivele të ndryshme të foleve.

      Etiketat

      dhe<LI>

      Për të krijuar një listë me pika, duhet të përdorni një kontejner etiketë, brenda të cilit ndodhen të gjithë elementët e listës. Etiketat e listës hapëse dhe mbyllëse ofrojnë furnizime të rreshtave para 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 - Artikulli i listës). Etiketë
      • nuk ka nevojë për një etiketë përfundimtare të përshtatshme, megjithëse prania e tij në parim nuk është e ndaluar. 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ë krijuar një listë elementare me pika. Këtu është një shembull i një dokumenti HTML që përdor një listë me pika, e cila shfaqet në një shfletues siç tregohet në Fig. 2.1.

        Shenjat e zodiakut:

        • Dashi

        • Demi

        • binjakë

        • Karavidhe

        • nje luan

        • Virgjëresha

        • peshore

        • Akrepi

        • Shigjetari

        • Bricjapi

        • Ujori

        • Peshqit

        Oriz. 2.1. Shfletuesi shfaq listën me pika

        Vini re se përveç artikujve 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 luan rolin e titullit të tij.

        shënim

        Disa tekste shkollore HTML ju udhëzojnë të përdorni një etiketë për të vendosur titullin e listës. (LH - Kreu i listës, kreu i listës). Ky etiketë aktualisht nuk njihet nga asnjë prej shfletuesve të zakonshëm dhe nuk është pjesë e specifikimit HTML. Kështu, aplikimi 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 është shkruar pa vlera dhe përdoret për të udhëzuar shfletuesin që të shfaqë këtë listë në një format kompakt. Për shembull, fonti mund të zvogëlohet ose distanca midis rreshtave të listës, etj.

        shënim

        Aktualisht, prania e parametrit COMPACT në etiketë

        nuk ndikon në asnjë mënyrë në shfaqjen e listave nga 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 paraqitjen e shënuesve të listës. Lloji i saktë i shënuesit do të varet nga shfletuesi i përdorur. Opsionet tipike të shfaqjes janë si më poshtë:

        LLOJI = disku - shënuesit shfaqen me rrathë të mbushur; LLOJI = rrethi - shënuesit shfaqen me rrathë të hapur; LLOJI = katror - shënuesit shfaqen me katrorë të mbushur. Shembull regjistrimi:

        .

        Parazgjedhja është TYPE = disk. Për listat e ndërthurura me pika, parazgjedhja është disku në nivelin e parë, rrethi në të dytin dhe katrori në nivelin e tretë dhe më tej. Kjo është pikërisht ajo që bëhet në versionet më të fundit të shfletuesve Netscape dhe Internet Explorer. Vini re se shfletuesit e tjerë mund të shfaqin shënuesit ndryshe. Për shembull, specifikimi HTML 4.0 specifikon një skicë katrore për pamjen e shënuesit që shfaqet kur TYPE = katror.

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

        • .

          Shembull regjistrimi:

        • .

          shënim

          Shfletuesit kanë interpretime të ndryshme për të specifikuar një lloj plumbi për një artikull individual të listës. Shfletuesi Netscape ndryshon llojin e shënuesit për këtë dhe të gjithë të mëpasshëm derisa të ndeshet me një ndryshim tjetër të llojit të shënuesit. Internet Explorer ndryshon shënuesin vetëm për këtë element.

          Shënuesit grafikë të listës

          Grafikat mund të përdoren si shënues të listës, i cili përdoret gjerësisht për të krijuar dokumente HTML tërheqëse dhe të dizajnuara bukur. Në fakt, një mundësi e tillë nuk ofrohet drejtpërdrejt nga gjuha HTML, por zbatohet disi artificialisht. Kjo nuk do të thotë se nuk rekomandohet ose dënohet për ta bërë këtë, por vetëm do të thotë se këtu nuk do të përdoren konstruksione të veçanta të gjuhës HTML.

          Për të kuptuar idenë, duhet të kuptoni se si zbatohen listat në faqet HTML. Rezulton se etiketa e listës

          (si dhe etiketat e llojeve të tjera të listave, të konsideruara më poshtë) kryen detyrën e vetme - i tregon shfletuesit që të gjitha informacionet e vendosura pas kësaj etikete duhet të shfaqen me një zhvendosje djathtas (të futur) me një sasi të caktuar. Etiketat
          • që drejtojnë 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 në këtë rast do të jetë ndarja e elementeve të listës nga njëri-tjetri. Ju mund të përdorni etiketat e paragrafëve për këtë

            Ose furnizimi i detyruar i 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
            

            Pak
            

            Lev
            

            Virgjëresha
            

            peshore
            

            Akrepi
            

            Shigjetari
            

            Bricjapi
            

            Ujori
            

            Peshqit

            

            Oriz. 2.2. Lista e pikave me shënues grafikë

            Në shembullin e dhënë, skedari grafik Green_ball.gif përdoret si shënues i artikujve të listës. Vini re se përdorimi i grafikëve në faqet HTML mund të rrisë ndjeshëm sasinë e informacionit të transferuar. Megjithatë, në këtë rast, kjo rritje është jashtëzakonisht e parëndësishme. Këtu, i njëjti skedar përdoret për të gjithë shënuesit,

            e cila do të transmetohet vetëm një herë. Madhësia e një skedari që përmban një imazh të vogël është gjithashtu jashtëzakonisht i vogël.

            shënim

            Metodat për krijimin e listave me shënues grafikë diskutohen me radhë në Kapitullin 8.

            Lista e numëruar

            Një lloj tjetër i listave të implementuara në HTML është një listë e numëruar. Përndryshe, listat e këtij lloji quhen të renditura. Emri i fundit shpesh përdoret 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).

            Listat e këtij lloji janë zakonisht një sekuencë e renditur e artikujve individualë. Dallimi nga listat me pika është se në një listë të numëruar çdo elementi paraprihet automatikisht nga një numër vijues. 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, përdorni një etiketë-enë, brenda së cilës ndodhen të gjithë elementët e listës. Etiketat e fillimit dhe të përfundimit të një liste ofrojnë furnizime të rreshtave para dhe pas listës, duke e ndarë kështu 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ë cilit shfletuesi është paraqitur në Fig. 2.3.

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

               • Sirius

               • Tek anopus

               • Arkturi

               • Alfa Centauri

               • Vega

               • K apella

               • Rigel

               • Procyon

               • Achernar

               • Beta Centauri

               • Vetelgeuse

               • 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ë vendosur llojin e numërimit të listës. Mund të marrë vlerat e mëposhtme:

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

               LLOJI = a - specifikon shënuesit në formën e shkronjave të vogla latine;

               LLOJI = I - specifikon shënuesit në formën e numrave romakë të mëdhenj;

               LLOJI = i - specifikon shënuesit në formën e numrave të vegjël romakë;

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

               Si parazgjedhje, vlera TYPE = 1 përdoret gjithmonë, 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 bëjnë numërim të ndryshëm në nivele të ndryshme të foleve të listave. Vini re se pas numrit të elementit të listës, shenja "pika" shfaqet gjithmonë shtesë.

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

               1. .

                  Shembull regjistrimi:

               2. .

                  Etiketa e parametrit START

                  ju lejon të filloni të numëroni listën me një jo-një. Një numër natyror duhet të specifikohet gjithmonë si vlera e parametrit START, pavarësisht nga lloji i numërimit të listës. Le të japim një shembull:
                  .

                  Një hyrje e tillë përcakton numërimin e listës nga shkronja latine e 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ë kryhet për çdo element të listës. Etiketë

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

                     P Shembull i regjistrimit:

                     1. .

                        shënim

                        Shfletuesit interpretojnë ndryshe specifikimin e llojit të numërimit për një artikull individual të listës. Shfletuesi Netscape ndryshon numërimin e këtij elementi dhe të gjithë elementëve të mëpasshëm derisa të ndeshet me një zëvendësim tjetër. Internet Explorer ndryshon pamjen e numrit vetëm për këtë artikull.

                        Zvlera e parametrit VALUE të etiketës

                     2. - ju lejon të ndryshoni numrin e këtij artikulli në listë. Kjo gjithashtu ndryshon numërimin e të gjithë elementëve të mëpasshëm. Aplikacionet tipike janë listat me mosveprim të disa elementeve. Një shembull i një liste të tillë është dhënë më sipër (Fig. 2.3). Ai jep një listë të renditur të yjeve më të shndritshëm, në të cilat në vendet 58 dhe 75 janë 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 Ylli Polar është Arusha e Vogël).

                        Këtu është një shembull tjetër origjinal i përdorimit të llojeve të ndryshme të numërimit. Kodi i mëposhtëm HTML 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 - numra arabë, në të dytën - romake dhe në të tretën, numërimi është me shkronja latine. Vini re se artikujt e listës janë bosh, pra pas çdo etikete

                     3. nuk ka të dhëna të disponueshme. Një shembull i këtij lloji mund të përdoret si një tabelë e korrespondencës midis regjistrimit të numrave në numrat arabë dhe romakë. Rezulton se çdo shfletues që mbështet lista mund të përdoret si gjenerator për një tabelë të tillë (Figura 2.4), për sa kohë që shkruani kodin e dhënë HTML. Numrat romakë funksionojnë saktë deri në 3999. Duke shqyrtuar kolonën e djathtë, mund të kuptoni se si numërohen numrat romakë. Kur shterohet 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ë të përkufizimeve të termave të veçantë, janë një lloj i veçantë listash. Ndryshe nga llojet e tjera të listave, çdo artikull në një listë përkufizimi ka gjithmonë dy pjesë. Në pjesën e parë të artikullit të listës shkruhet termi që përkufizohet dhe në pjesën e dytë teksti në formën e hyrjes në fjalor, duke zbuluar kuptimin e termit.

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

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

                        (Definition Term) shënon termin që po përkufizohet dhe etiketën

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

                        dhe

                        nuk keni nevojë të shkruani etiketat përkatëse fundore.

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

                        Afati

                        Përkufizimi i termit

                        Në tekstin pas etiketës

                        Elementet e nivelit të bllokut si p.sh. etiketat e paragrafëve nuk mund të përdoren

                        Ose titujt

                        -

                        ... Në mënyrë tipike, teksti i termit që përcaktohet duhet të jetë në një rresht. Teksti që përmban përkufizimin e një termi shfaqet duke filluar në rreshtin tjetër (ose përgjatë një rreshti 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. Kjo nënkupton, në veçanti, se listat e definicioneve mund të ndërlidhen.

                        Në etiketë

                        mund të specifikohet parametri 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 dokumentit HTML që përdor një listë përkufizimesh:

                        Klasifikimi i temperamenteve tipike njerëzore,
                        themeluar

                        mbi pikëpamjet e Hipokratit

                        Personi flegmatik

                        Pasiv, shumë i aftë për punë, duke u përshtatur ngadalë;
                        humor i qëndrueshëm, pak i përshtatshëm ndaj ndikimeve të jashtme;
                        letargji e reaksioneve emocionale dhe ngadalësi në aktivitetin vullnetar
                        
                        

                        Sanguine

                        Aktiv, energjik, lehtësisht 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;
                        vrullja dhe forca e reagimeve emocionale, manifestimet e dhunshme vullnetare
                        
                        

                        Melankolike

                        Pasiv, lehtësisht i lodhur, i vështirë për t'u përshtatur, -
                        dobësi e vullnetit dhe mbizotërimi i një humori 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 (i ngjan një grupi hyrjesh në një fjalor)

                        Lloji Listat

                        dhe

                        Lloji Listat

                        dhe aktualisht janë kryesisht të papërdorura, megjithëse ato ende mbështeten nga shfletuesit kryesorë. Të dyja këto lloje liste janë të vjetruara në specifikimin HTML 4.0. Në vend të tyre, propozohet përdorimi i listave me pika, të specifikuara nga etiketa

                        .

                        Fillimisht, këto lloje të listave u konceptuan të ishin 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 është e pamundur të zbatohet foleja e listave të këtij lloji. Çdo artikull në listë ishte një rresht teksti.

                        Për listat si

                        ishte planifikuar të vendosej një kufizim në "gjatësinë e tekstit të një artikulli të listës (24 karaktere). Një kufizim i tillë do të bënte të mundur nxjerrjen

                        listat si

                        në një formë të ngjashme me listën e drejtorive në sistemet operative UNIX dhe MS-DOS kur përdorni ndërprerësin / W (në disa 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 ide nuk janë realizuar, pasi përdorimi i mëtejshëm i listave të këtyre llojeve nuk rekomandohet. Versionet moderne të shfletuesve shfaqin lista të këtyre llojeve në të njëjtën mënyrë si listat e tipit

                        .

                        Listat e mbivendosura

                        Ka raste kur një artikull liste i një lloji duhet të përfshijë një listë të tërë të të njëjtit lloj ose një tjetër. Kjo do të organizojë 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 i dokumentit 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 ka listën e vet të numëruar.

                        Satelitët e disa planetëve

                        • Zempia

                          1. hënë

                        • Harta

                          1. Fobos

                          2. Deimos

                        • Urani

                          1. Ariel

                          2. Umbriel

                          3. Titania

                          4. Oberon

                          5. Miranda

                        • Neptuni

                          1. Triton

                          2. Nereida

                          Listat janë kudo. Ato janë mësuar të:

                          • ndarjen e segmenteve të mëdha të tekstit në pjesë;
                          • theksimi i pikave të rëndësishme;
                          • një deklaratë e "planit të veprimit" dhe një listë të aktiviteteve ( lista e numëruar në HTML).

                          Përdorimi i listave me pika e bën më të lehtë për njerëzit të tresin atë që ju u thoni atyre. Por si vendosen ato në një faqe interneti?

                          Listat me pika (ose listat me pika)

                          Lloji i parë i listës që do të shikojmë është me pika.

                          Listat e panumëruara - Etiketa

                          Një listë me pika njihet gjithashtu si një listë me pika sepse nuk ka numërim të artikujve në të. Një palë etiketash përdoret për një listë me pika. Më poshtë është një shembull i thjeshtë i tij:

                          • Paragrafi 1
                          • Pika 2
                          • Pika 3

                          Së pari, e gjithë lista merret në etiketa. Kur hapni një etiketë liste, sigurohuni që ta mbyllni dhe më pas kaloni te plotësimi i artikujve të listës.

                          Lloji atribut

                          Atributi tip përcakton llojin e shënuesit që shihni në faqe. Megjithëse mund të përdorni CSS për të përcaktuar një gamë të gjerë stilesh shënuesish dhe madje të përdorni imazhin tuaj, është më mirë të përmbaheni me llojet bazë ( duke përfshirë listën e numëruar HTML):

                          Lista e artikujve - etiketë

                          Çdo artikull në listë është i mbështjellë në një palë etiketash të veçanta

                        • ... Shpesh mund të bëni pa
                        • por unë do të rekomandoja t'i përmbahesh këtij rregulli.

                          Lista e mësipërme është vendosur në një etiketë të veçantë

                          por të gjithë
                          • gjithashtu mbështet atributin e vet të tipit, dhe kështu mund të krijohet lista e mëposhtme:

                            
                            

                            Vendosni një listë me pika

                            Përpara se ndonjë stil CSS të aplikohet në listë, HTML ( ose më mirë një shfletues) aplikon dhëmbëzimin për të, kështu që ai ndryshon nga një paragraf normal i etiketuar

                            Lista e renditur / e numëruar - Etiketa

                            Nëse dëshironi të renditni elementet e listës, atëherë etiketën

                            do të ndihmojë me këtë. Si parazgjedhje, ai vendos një listë të numëruar HTML:
                            1. Elementi 1
                            2. Elementi 2
                            3. Elementi 3

                            e cila në dalje na jep:

                            A. Elementi 1
                            B. Elementi 2
                            C. Elementi 3

                            Atributi tip ju jep mundësinë për të përdorur disa opsione shtesë stilimi për listat e numëruara në krahasim me ato me pika.

                            Fillimi i një liste të numëruar në një numër të caktuar

                            Le të themi se po bashkoni udhëzimet për krijimin e tabelave. Ju mund të përdorni një listë të numëruar për këtë. Pas çdo artikulli, dëshironi të vendosni imazhe dhe tekst shtesë, në këtë rast ju nevojiten disa lista.

                            Problemi është se, si parazgjedhje, çdo listë fillon me numrin 1 (ose shkronjën A). Kjo do të ishte një rrëmujë në udhëheqjen tuaj!

                            Për fat të mirë, HTML ka një veçori fillimi që ju lejon të filloni numërimin në një numër të caktuar:

                            4. Hapi i katërt
                            5. Hapi i pestë
                            6. Hapi i gjashtë

                            E cila na jep si vijon:
                            4. Hapi i katërt
                            5. Hapi i pestë
                            6. Hapi i gjashtë

                            Rendi i kundërt

                            Nëse dëshironi të shfaqni numrat (ose shkronjat) në rend të kundërt, mund ta bëni këtë duke shtuar fjalën kyçe të kundërt në etiketën e listës së numëruar në HTML:

                            1. Pika e parë
                            2. Pika e dytë
                            3. Pika e tretë
                            4. Pika e katërt
                            5. Pika e pestë

                            Si rezultat, lista do të duket si kjo:
                            5. Pika e pestë.
                            4. Pika e katërt.
                            3. Pika e tretë.
                            2. Pika e dytë.
                            1. Pika e parë.

                            Lista me pika me shumë nivele në HTML

                            Me arnimet mbështetëse të instaluara në shfletues ( dhe ndonjëherë me zëvendësim CSS për disa sajte) mund të krijoni një listë të numëruar në shumë nivele HTML. Kjo arrihet duke futur një listë në një tjetër:

                            • Element i nivelit të lartë
                            • Skllavi 1
                            • Skllavi 2
                            • Element i nivelit të lartë

                            Që na jep:

                            Element i nivelit të lartë
                            o Skllavi 1
                            o Skllavi 2
                            Element i nivelit të lartë

                            Ju mund të përdorni një kombinim të etiketave

                            dhe
                            ... Kjo mund të jetë e dobishme nëse duhet të shënoni nën-artikujt e një liste të numëruar me pika.

                            1. Element i nivelit të lartë
                            o Skllavi 1
                            o Skllavi 2
                            2. Element i nivelit të lartë

                            Përdorni lista me numra HTML në faqet tuaja.

                            konkluzioni

                            Ky është vetëm një hyrje e shpejtë për përdorimin e listave në dizajnin e uebit, por mund të filloni këtu. Nëse keni ndonjë pyetje, ju lutemi pyesni ato në komente!

                            Përkthimi i artikullit " Listat e numrave dhe pikave në HTML“U përgatit nga ekipi miqësor i projektit.

                            Një nga llojet e listave të zbatuara në HTML është një listë me pika. Përndryshe, listat e këtij lloji quhen të parregulluara ose të pa renditura. Emri i fundit shpesh përdoret 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 karaktere speciale të quajtura pika listash (shpesh të quajtur bullets, që është shqiptimi zyrtar i termit anglisht bullet) për të theksuar artikujt e saj. Lloji i shënuesve të listës përcaktohet nga shfletuesi dhe kur krijojnë lista të ndërlidhura, shfletuesit do të diversifikojnë automatikisht pamjen e shënuesve në nivele të ndryshme të foleve.

                            Etiketat

                            dhe

                            Për të krijuar një listë me pika, 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ë furnizime të rreshtave para 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 artikull i listës duhet të fillojë me një etiketë

                            • (LI - Artikulli i listës). Etiketë
                            • nuk ka nevojë për një etiketë përfundimtare të përshtatshme, megjithëse prania e tij në parim nuk është e ndaluar. 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ë krijuar një listë elementare me pika. Këtu është një shembull i një dokumenti HTML që përdor një listë me pika, e cila shfaqet në një shfletues siç tregohet në Fig. 2.1.

                              Shenjat e zodiakut:

                              • Dashi

                              • Demi

                              • binjakë

                              • Virgjëresha

                              • peshore

                              • Akrepi

                              • Shigjetari

                              • Bricjapi

                              • Ujori

                              • Peshqit

                              Oriz. 2.1. Shfletuesi shfaq listën me pika

                              Vini re se përveç artikujve 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 luan rolin e titullit të tij.

                              shënim

                              Disa tekste shkollore HTML ju udhëzojnë të përdorni etiketën e kontejnerit për të vendosur titullin e listës. (LH - Kreu i listës, kreu i listës). Ky etiketë aktualisht nuk njihet nga asnjë prej shfletuesve të zakonshëm dhe nuk është pjesë e specifikimit HTML. Kështu, aplikimi 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 është shkruar pa vlera dhe përdoret për të udhëzuar shfletuesin që të shfaqë këtë listë në një format kompakt. Për shembull, fonti mund të zvogëlohet ose distanca midis rreshtave të listës, etj.

                              shënim

                              Aktualisht, prania e parametrit COMPACT në etiketë

                              nuk ndikon në asnjë mënyrë në shfaqjen e listave nga 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 paraqitjen e shënuesve të listës. Lloji i saktë i shënuesit do të varet nga shfletuesi i përdorur. Opsionet tipike të shfaqjes janë si më poshtë:

                              LLOJI = disku - shënuesit shfaqen me rrathë të mbushur; LLOJI = rrethi - shënuesit shfaqen me rrathë të hapur; LLOJI = katror - shënuesit shfaqen me katrorë të mbushur. Shembull regjistrimi:

                              .

                              Parazgjedhja është TYPE = disk. Për listat e ndërthurura me pika, parazgjedhja është disku në nivelin e parë, rrethi në të dytin dhe katrori në nivelin e tretë dhe më tej. Kjo është pikërisht ajo që bëhet në versionet më të fundit të shfletuesve Netscape dhe Internet Explorer. Vini re se shfletuesit e tjerë mund të shfaqin shënuesit ndryshe. Për shembull, specifikimi HTML 4.0 specifikon një skicë katrore për pamjen e shënuesit që shfaqet kur TYPE = katror.

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

                              • .

                                Shembull regjistrimi:

                              • .

                                shënim

                                Shfletuesit kanë interpretime të ndryshme për të specifikuar një lloj plumbi për një artikull individual të listës. Shfletuesi Netscape ndryshon llojin e shënuesit për këtë dhe të gjithë të mëpasshëm derisa të ndeshet me një ndryshim tjetër të llojit të shënuesit. Internet Explorer ndryshon shënuesin vetëm për këtë element.

                                Shënuesit grafikë të listës

                                Grafikat mund të përdoren si shënues të listës, i cili përdoret gjerësisht për të krijuar dokumente HTML tërheqëse dhe të dizajnuara bukur. Në fakt, një mundësi e tillë nuk ofrohet drejtpërdrejt nga gjuha HTML, por zbatohet disi artificialisht. Kjo nuk do të thotë se nuk rekomandohet ose dënohet për ta bërë këtë, por vetëm do të thotë se këtu nuk do të përdoren konstruksione të veçanta të gjuhës HTML.

                                Për të kuptuar idenë, duhet të kuptoni se si zbatohen listat në faqet HTML. Rezulton se etiketa e listës

                                (si dhe etiketat e llojeve të tjera të listave, të konsideruara më poshtë) kryen detyrën e vetme - i tregon shfletuesit që të gjitha informacionet e vendosura pas kësaj etikete duhet të shfaqen me një zhvendosje djathtas (të futur) me një sasi të caktuar. Etiketat
                                • që drejtojnë 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 në këtë rast do të jetë ndarja e elementeve të listës nga njëri-tjetri. Ju mund të përdorni etiketat e paragrafëve për këtë

                                  Ose furnizimi i detyruar i 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ë:

                                  e cila do të transmetohet vetëm një herë. Madhësia e një skedari që përmban një imazh të vogël është gjithashtu jashtëzakonisht i vogël.

                                  shënim

                                  Metodat për krijimin e listave me shënues grafikë diskutohen me radhë në Kapitullin 8.