Cum se implementează diferite tipuri de liste în HTML?



Acest articol vă va oferi o cunoaștere detaliată și cuprinzătoare a diferitelor tipuri de liste în HTML, cu exemple și cod.

Listele sunt una dintre modalitățile importante de a reprezenta date și informații în care fiecare înregistrare este afișată pe o singură linie. Există diferite moduri de reprezentare a datelor într-o listă, cum ar fi în mod ordonat sau într-o manieră neordonată. Voi acoperi următoarele subiecte din această listă în articol:

Tipuri de liste în HTML

Înainte de a începe să creăm o listă, să analizăm mai întâi etichetele HTML:





    • Folosit pentru a defini o listă neordonată
      1. Folosit pentru a defini o listă ordonată
      2. Folosit pentru a defini un element de listă
      3. Folosit pentru a defini o listă de descrieri
      4. Folosit pentru a defini un termen dintr-o listă de descrieri
      5. Folosit pentru a descrie termenul într-o listă de descrieri

    Să înțelegem cum puteți crea diferite tipuri de liste în HTML.

    Lista neordonata

    Pentru a defini o listă neordonată în HTML folosim

      tag și apoi definim lista de articole din
    • etichetă. În mod implicit, lista articolelor este marcată cu gloanțe (adică mici cercuri negre).



       

      Sport

      • Cricket
      • Fotbal
      • Baseball

      Ieșire:

      Listă neordonată în HTML

      Lista HTML neordonată: diferiți marcatori de articole



      Puteți alege dintr-o listă de markeri utilizând proprietatea CSS list-style-type. Să vedem diferite proprietăți de tip listă-stil CSS pe care le puteți utiliza pentru a defini stilul diferit de markeri:

      • disc : Setează marcatorul elementului de listă la glonț
      • cerc : Setează marcatorul elementului de listă pe un cerc
      • pătrat : Setează marcatorul elementului de listă pe un pătrat
      • nici unul : Elementele listei nu vor fi marcate

      Disc:

      cum să opriți un program Java în cod
       

      Sport

      • Cricket
      • Fotbal
      • Baseball

      Ieșire:

      Disc în HTMLCerc:

       

      Sport

      • Cricket
      • Fotbal
      • Baseball

      Ieșire:

      Circle-List în HTMLPătrat:

       

      Sport

      • Cricket
      • Fotbal
      • Baseball

      Ieșire:

      SquareNici unul:

       

      Sport

      • Cricket
      • Fotbal
      • Baseball

      Ieșire:

      NoneAcum, după ce am înțeles cum să creați o listă neordonată în HTML, să înțelegem cum să creați o listă ordonată în HTML.

      Lista ordonata

      Pentru a defini o listă ordonată în HTML folosim

        tag și apoi definim lista de articole din
      1. etichetă.
        În mod implicit, lista de articole este marcată cu numere.

         

        Sport

        1. Cricket
        2. Fotbal
        3. Baseball

        Ieșire:

        Listă comandată în HTMLSă vedem acum câteva dintre variantele listelor ordonate.

        Listă HTML comandată - Tastați atribut

        Există diferite tipuri de marcatori de articole pentru o listă ordonată:

        • tip = '1' Elementele listei vor fi numerotate cu numere (implicit)

        • tastați „A” Elementele listei vor fi numerotate cu litere mari

        • tastați „a” Elementele listei vor fi numerotate cu litere mici

        • tastați „eu” Elementele listei vor fi numerotate cu numere majuscule romane

          codul listei legate în c
        • tip = ”i” Elementele listei vor fi numerotate cu numere romane minuscule

        Numere:

         

        Sport

        1. Cricket
        2. Fotbal
        3. Baseball

        Ieșire:

        NumbersLitere mari:

         

        Sport

        1. Cricket
        2. Fotbal
        3. Baseball

        Ieșire:

        MajusculăLitere mici:

         

        Sport

        1. Cricket
        2. Fotbal
        3. Baseball

        Ieșire:

        Litera micaUppercase Roman Nu mber s:

         

        Sport

        1. Cricket
        2. Fotbal
        3. Baseball

        Ieșire:

        Număr roman cu majuscule

        Numere romane minuscule:

         

        Sport

        1. Cricket
        2. Fotbal
        3. Baseball

        Ieșire:

        Numere romane minuscule

        Liste de descriere HTML

        De asemenea, puteți crea liste de descrieri în HTML. O listă de descrieri este utilizată pentru a crea o listă de termeni și pentru a le adăuga o descriere. Creați o listă de descrieri folosind

        etichetă.
        eticheta definește termenul &
        eticheta le adaugă descriere.

         

        Sport

        Cricket
        Cricketul este un joc cu bile și mingi jucat între două echipe formate din unsprezece jucători pe un teren în centrul căruia se află un pitch de 20 de metri cu un ghișeu la fiecare capăt, fiecare cuprinzând două garanții echilibrate pe trei butuci.
        Tenis de masa
        Tenisul de masă, cunoscut și sub numele de ping-pong, este un sport în care doi sau patru jucători lovesc o minge ușoară înainte și înapoi pe o masă folosind rachete mici. Jocul se desfășoară pe o masă tare împărțită de o plasă.

        Ieșire:

        Listă imbricată în HTML

        De asemenea, puteți crea o listă imbricată în HTML.

        cum să oprești un program în java
         

        Sport

        • Tenis de masa
        • Cricket
          • Virat kohli
          • Joe Root
      2. Baschet

    Ieșire:

    Acum, după executarea fragmentelor de mai sus, ați fi înțeles cum să creați liste în HTML. Sper că acest blog vă este informativ și cu valoare adăugată.

    Verificați-ne care vine cu instruire live condusă de instructor și experiență în viața reală a proiectului. Această instruire vă face să aveți abilități de a lucra cu tehnologii web back-end și front-end. Include cursuri de dezvoltare web, jQuery, Angular, NodeJS, ExpressJS și MongoDB.

    Ai o întrebare pentru noi? Vă rugăm să o menționați în secțiunea de comentarii a blogului „Listare în HTML” și vă vom răspunde.