Jak zaimplementować różne typy list w HTML?

Listy to jeden z ważnych sposobów przedstawiania danych i informacji, gdzie każdy rekord jest wyświetlany w jednej linii. Istnieją różne sposoby przedstawiania danych na liście, na przykład w sposób uporządkowany lub w sposób nieuporządkowany. Poniższe tematy na tej liście będę omawiać w artykuł:

• Typy list w HTML
• Nieuporządkowana lista HTML
• Uporządkowana lista HTML
• Listy opisów HTML
• Lista zagnieżdżona w formacie HTML

Typy list w HTML

Zanim zaczniemy tworzyć listę, spójrzmy najpierw na tagi HTML:

• Służy do definiowania nieuporządkowanej listy
  • Służy do definiowania uporządkowanej listy
    2. Służy do definiowania pozycji listy

    3. Służy do definiowania listy opisów

    4. Służy do definiowania terminu na liście opisów
    5. Używane do opisu terminu na liście opisów

  Zobaczmy, jak możesz tworzyć różne rodzaje list w HTML.

  Lista nieuporządkowana

  Aby zdefiniować nieuporządkowaną listę w HTML używamy

  tag, a następnie definiujemy listę elementów w
  • etykietka. Domyślnie lista pozycji jest oznaczona punktorami (czyli małymi czarnymi kółkami).
    
    
    

     
    Sporty
     
     
    Krykiet
     
    Piłka nożna
     
    Baseball
     
     

    Wynik:

    

    Nieuporządkowana lista HTML: różne znaczniki pozycji

    
    
    

    Możesz wybrać z listy znaczników, używając właściwości typu listy CSS. Przyjrzyjmy się różnym właściwościom typu listy CSS, których możesz użyć do zdefiniowania różnych stylów znaczników:

    • dysk : Ustawia znacznik elementu listy na punktor
    • okrąg : Ustawia znacznik elementu listy na okrąg
    • kwadrat : Ustawia znacznik elementu listy na kwadrat
    • Żaden : Elementy listy nie zostaną zaznaczone

    Dysk:

     
    Sporty
     
     
    Krykiet
     
    Piłka nożna
     
    Baseball
     
     

    Wynik:

    Okrąg:

     
    Sporty
     
     
    Krykiet
     
    Piłka nożna
     
    Baseball
     
     

    Wynik:

    Kwadrat:

     
    Sporty
     
     
    Krykiet
     
    Piłka nożna
     
    Baseball
     
     

    Wynik:

    python co to jest __init__

    Żaden:

     
    Sporty
     
     
    Krykiet
     
    Piłka nożna
     
    Baseball
     
     

    Wynik:

    Teraz, po zrozumieniu, jak utworzyć nieuporządkowaną listę w HTML, zrozumiemy, jak utworzyć uporządkowaną listę w HTML.

    Uporządkowana lista

    Do zdefiniowania uporządkowanej listy w HTML używamy

    tag, a następnie definiujemy listę elementów w
    1. etykietka.
       Domyślnie lista pozycji jest oznaczona liczbami.

        
       Sporty
        
        
       Krykiet
        
       Piłka nożna
        
       Baseball
        
        

       Wynik:

       Przyjrzyjmy się teraz niektórym wariantom uporządkowanych list.

       Uporządkowana lista HTML - atrybut typu

       Istnieją różne typy znaczników pozycji dla uporządkowanej listy:

       • type = ”1 ″ Pozycje listy zostaną ponumerowane numerami (domyślnie)

       • type = „A” Pozycje na liście będą numerowane wielkimi literami

       • type = ”a” Pozycje listy będą ponumerowane małymi literami

       • type = „I” Pozycje listy będą ponumerowane dużymi literami rzymskimi

       • type = ”i” Pozycje listy zostaną ponumerowane małymi literami rzymskimi

       Liczby:

        
       Sporty
        
        
       Krykiet
        
       Piłka nożna
        
       Baseball
        
        

       Wynik:

       Wielkie litery:

        
       Sporty
        
        
       Krykiet
        
       Piłka nożna
        
       Baseball
        
        

       Wynik:

       Małe litery:

        
       Sporty
        
        
       Krykiet
        
       Piłka nożna
        
       Baseball
        
        

       Wynik:

       Wielkie litery rzymskie Nu mber s:

        
       Sporty
        
        
       Krykiet
        
       Piłka nożna
        
       Baseball
        
        

       Wynik:

       

       Małe cyfry rzymskie:

        
       Sporty
        
        
       Krykiet
        
       Piłka nożna
        
       Baseball
        
        

       Wynik:

       print_r w php

       

       Listy opisów HTML

       Możesz także tworzyć listy opisów w HTML. Lista opisów służy do tworzenia listy terminów i dodawania do nich opisu. Listę opisów tworzysz za pomocą

       etykietka.

       tag definiuje termin &

       tag dodaje do nich opis.

        
       Sporty
        
        
       Krykiet
        
       Krykiet to gra typu bat-and-ball rozgrywana między dwiema drużynami po jedenastu graczy na boisku, na środku którego znajduje się 20-metrowe boisko z furtką na każdym końcu, z których każda zawiera dwa poręcze wyważone na trzech pniach.
        
       Tenis stołowy
        
       Tenis stołowy, znany również jako ping-pong, to sport, w którym dwóch lub czterech graczy uderza lekką piłkę tam iz powrotem po stole za pomocą małych rakiet. Gra toczy się na twardym stole podzielonym siatką.
        
        

       Wynik:

       Lista zagnieżdżona w formacie HTML

       Możesz także utworzyć zagnieżdżoną listę w formacie HTML.

        
       Sporty
        
        
       Tenis stołowy
        
       Krykiet
        
       Virat kohli
        
       Joe Root
        
        

       Koszykówka
        

  Wynik:

  Teraz, po wykonaniu powyższych fragmentów, zrozumiałbyś, jak tworzyć listy w HTML. Mam nadzieję, że ten blog jest dla Ciebie pouczający i stanowi wartość dodaną.

  Sprawdź nasze który obejmuje szkolenie na żywo prowadzone przez instruktora i rzeczywiste doświadczenie projektowe. To szkolenie zapewni Ci biegłość w pracy z technologiami internetowymi zaplecza i front-endu. Obejmuje szkolenia w zakresie tworzenia stron internetowych, jQuery, Angular, NodeJS, ExpressJS i MongoDB.

  Masz do nas pytanie? Wspomnij o tym w sekcji komentarzy na blogu „Lista w HTML”, a my skontaktujemy się z Tobą.