Kako implementirati različite vrste popisa u HTML?



Ovaj će vam članak pružiti detaljno i sveobuhvatno znanje o različitim vrstama popisa u HTML-u s primjerima i kodom.

Popisi su jedan od važnih načina predstavljanja podataka i informacija gdje se svaki zapis prikazuje u jednom retku. Postoje različiti načini predstavljanja podataka na popisu, na primjer na uređeni ili neuređeni način. Sljedeće teme na ovom popisu pokrivat ću u članak:

Vrste popisa u HTML-u

Prije nego što započnemo s izradom popisa, pogledajmo prvo HTML oznake:





    • Koristi se za definiranje neuređenog popisa
      1. Koristi se za definiranje poredanog popisa
      2. Koristi se za definiranje stavke popisa
      3. Koristi se za definiranje popisa opisa
      4. Koristi se za definiranje pojma na popisu opisa
      5. Koristi se za opisivanje pojma na popisu opisa

    Razumijemo kako možete stvoriti različite vrste popisa u HTML-u.

    Neuređeni popis

    Da bismo definirali neuređeni popis u HTML-u, koristimo ga

      i tada definiramo popis stavki u
    • označiti. Prema zadanim postavkama, popis stavki označen je slovima (tj. Malim crnim krugovima).



      tablica kako stvoriti skup
       

      Sportski

      • Kriket
      • Nogomet
      • Bejzbol

      Izlaz:

      Neuređeni popis u HTML-u

      Neuređeni HTML popis: različite oznake predmeta



      Možete odabrati s popisa markera pomoću svojstva tipa stila popisa CSS. Pogledajmo različita svojstva tipa stila popisa CSS koja možete koristiti za definiranje različitog stila oznaka:

      • diska : Postavlja oznaku stavke popisa na nabrajanje
      • krug : Postavlja oznaku stavke popisa u krug
      • kvadrat : Postavlja marker stavke popisa na kvadrat
      • nijedna : Stavke na popisu neće biti označene

      Disk:

       

      Sportski

      • Kriket
      • Nogomet
      • Bejzbol

      Izlaz:

      Disk u HTML-uKrug:

       

      Sportski

      • Kriket
      • Nogomet
      • Bejzbol

      Izlaz:

      Popis krugova u HTML-uKvadrat:

       

      Sportski

      • Kriket
      • Nogomet
      • Bejzbol

      Izlaz:

      SquareNijedno:

       

      Sportski

      • Kriket
      • Nogomet
      • Bejzbol

      Izlaz:

      NoneSada, nakon razumijevanja kako stvoriti neuređeni popis u HTML-u, shvatimo kako stvoriti poredani popis u HTML-u.

      Poredani popis

      tvrtke koje koriste r programski jezik

      Da bismo definirali poredani popis u HTML-u, koristimo ga

        i tada definiramo popis stavki u
      1. označiti.
        Prema zadanim postavkama, popis stavki označen je brojevima.

         

        Sportski

        1. Kriket
        2. Nogomet
        3. Bejzbol

        Izlaz:

        Naručeni popis u HTML-uPogledajmo sada neke od varijanti poredanih popisa.

        Naručeni HTML popis - Atribut tipa

        Postoje različite vrste oznaka predmeta za poredani popis:

        • type = '1' Stavke popisa bit će numerirane brojevima (zadano)

        • vrsta = 'A' Stavke na popisu bit će numerirane velikim slovima

        • vrsta = 'a' Stavke na popisu bit će numerirane malim slovima

        • type = 'I' Stavke na popisu bit će numerirane velikim rimskim brojevima

        • type = 'i' Stavke popisa bit će numerirane malim rimskim brojevima

        Brojevi:

         

        Sportski

        1. Kriket
        2. Nogomet
        3. Bejzbol

        Izlaz:

        NumbersVelika slova:

         

        Sportski

        1. Kriket
        2. Nogomet
        3. Bejzbol

        Izlaz:

        Veliko slovoMala slova:

         

        Sportski

        1. Kriket
        2. Nogomet
        3. Bejzbol

        Izlaz:

        Malo slovoVeliko slovo Roman Nu mber s:

         

        Sportski

        1. Kriket
        2. Nogomet
        3. Bejzbol

        Izlaz:

        Veliki rimski broj

        Mali rimski brojevi:

         

        Sportski

        1. Kriket
        2. Nogomet
        3. Bejzbol

        Izlaz:

        Mali rimski brojevi

        HTML popisi opisa

        Također možete stvoriti popise opisa u HTML-u. Popis opisa koristi se za izradu popisa pojmova i dodavanje opisa njima. Popis opisa kreirate pomoću

        označiti.
        oznaka definira pojam &
        oznaka dodaje im opis.

         

        Sportski

        Kriket
        Kriket je igra palicom i loptom koju igraju dvije momčadi od jedanaest igrača na terenu u čijem se središtu nalazi 20-metarski teren s vratnicom na svakom kraju, a svaka sadrži dvije jamčevine uravnotežene na tri panja.
        Stolni tenis
        Stolni tenis, poznat i kao ping-pong, sport je u kojem dva ili četiri igrača malim reketima udaraju laganu loptu naprijed-natrag preko stola. Igra se odvija na tvrdom stolu podijeljenom mrežom.

        Izlaz:

        Ugnježđeni popis u HTML-u

        Također možete stvoriti ugniježđeni popis u HTML-u.

        apstraktna klasa i razlika u sučelju
         

        Sportski

        • Stolni tenis
        • Kriket
          • Virat kohli
          • Joe Root
      2. Košarka

    Izlaz:

    Sada biste nakon izvršavanja gornjih isječaka razumjeli kako stvoriti popise u HTML-u. Nadam se da je ovaj blog informativan i da vam dodaje dodanu vrijednost.

    Pogledajte naš koja dolazi s treningom uživo pod vodstvom instruktora i iskustvom u stvarnom životu. Ovaj trening čini vas vještima za rad s back-end i front-end web tehnologijama. Uključuje obuku o web razvoju, jQueryju, Angularu, NodeJS, ExpressJS i MongoDB.

    Imate pitanje za nas? Molimo vas da ga spominjete u odjeljku za komentare bloga 'Popis u HTML-u', a mi ćemo vam se javiti.