Czy możemy utworzyć zagnieżdżone listy w HTML

Ten samouczek wyjaśni metodę tworzenia listy w HTML.

Czy możemy utworzyć zagnieżdżone listy w HTML?

Lista jest określana jako zagnieżdżona lista zawarta na innej liście. Możesz zbudować zagnieżdżoną listę uporządkowaną na liście nieopisanej lub nawet zagnieżdżonej listy nieopisanej. Pamiętaj, że tag UL „Li„Element jest jego jedynym bezpośrednim potomkiem. W wybranym elemencie na liście głównej możesz zbudować zagnieżdżoną listę nieopisaną.

Rodzaje list w HTML

W HTML listy są podzielone na dwa typy:

• Uporządkowana lista: Generuje listę oznaczoną literami lub liczbami. HTML "
  „Lista może być wykorzystana do tworzenia uporządkowanej listy.
  1. Lista nieopisana: Generuje listę wypulacji. HTML "
     „Lista może być używana do tworzenia listy nieuporządkowanej.
     • Lista opisów: Jest wykorzystywany do zdefiniowania listy opisu.

     Jak utworzyć prostą listę w HTML?

     Aby utworzyć prostą listę w HTML, najpierw utwórz pojemnik za pomocą „" element. Następnie zaprojektuj prostą listę za pomocą „

     " Lub "
     ".

     Aby uzyskać praktyczną demonstrację, postępuj zgodnie z podaną procedurą.

     Krok 1: Dodaj kontener DIV

     W HTML najpierw dodaj kontener DIV, wykorzystując „„Tag ma klasę”treść".

     Krok 2: Zaprojektuj prostą listę

     Następnie, aby zaprojektować prostą listę, dodaj „

     „Element dla uporządkowanej listy. Dodaj także atrybut stylu, aby zastosować styl inline na zdefiniowanym elemencie. Ponadto dodaj dwa „
     1. „Elementy w nim. „„
     2. „Element zawiera zawartość listy. Te elementy będą oznaczone liczbami:
        
        
        
        
        1. Rodzaje oprogramowania aplikacyjnego
        
        
        2. Rodzaje oprogramowania systemowego
        
        
        3. Rodzaje komputera
        
        
        4. Rodzaje telefonu komórkowego
        
        

        Można zauważyć, że lista została pomyślnie utworzona:

        Jak utworzyć zagnieżdżoną listę w HTML?

        Aby utworzyć zagnieżdżoną listę w HTML, najpierw zdefiniuj listę za pomocą „

        " Lub "
        ”I dodaj inną listę, postępując zgodnie z tą samą metodą.

        Poniższy przykład pokazuje dwa różne elementy na liście uporządkowanej. Te zdefiniowane kategorie będą miały dalsze podkategorie. Sposób, w jaki kategorie te są umieszczane w tagach HTML, wyjaśni zrozumienie tematu.

        Aby to zrobić, sprawdź poniżej wspomniane instrukcje.

        Krok 1: Utwórz główną listę

        W celu utworzenia głównej listy użyj „

        " Lub "
        ".

        Krok 2: Zrób zagnieżdżoną listę

        Następnie w „„

        • „Z głównej listy elementu zostanie utworzona podkategoria. W tym celu lista pocisków jest tworzona za pomocą „
          ”Tag. Ta nieoporządkowana lista zawiera wiele elementów w obrębie
          • elementy:
            
            
            1. Rodzaje oprogramowania aplikacyjnego
            
            
            
            
            • Oprogramowanie do przetwarzania
            
            
            • Oprogramowanie do arkusza kalkulacyjnego
            • Oprogramowanie multimedialne
            
            
            • Oprogramowanie graficzne
            
            
            • Oprogramowanie edukacyjne
            
            
            • Przeglądarki internetowe
            
            
            • Oprogramowanie do prezentacji
            
            
            
            
            2. Rodzaje oprogramowania systemowego
            
            
            
            
            • System operacyjny
            
            
            • Przetwarzanie tekstu
            
            
            • Oprogramowanie układowe
            
            
            • Narzędzia
            
            
            • Baza danych
            
            
            
            
            3. Rodzaje komputera
            
            
            4. Rodzaje telefonu komórkowego
            
            

            Wyjście

            Z powyższego wyjścia widać, że pomyślnie stworzyliśmy zagnieżdżone listy w HTML.

            Wniosek

            Podczas pisania dokumentu listy są uważane za skuteczną metodę reprezentowania danych. Upraszcza długie zdania i zapewnia główne punkty, które pomaga użytkownikom łatwo czytać główne pomysły. W HTML musimy być bardzo ostrożni podczas tworzenia list. Aby uporządkować lub nie zamówione listy HTML „

            " I "
            „Znaczane są odpowiednio tagi. Aby dodać zawartość listy, HTML
            • Tagi są wykorzystywane na liście nadrzędnych „
              " Lub "
              1. ”Tagi. Ten post zawierał przewodnik po utworzeniu zagnieżdżonej listy z praktycznym przykładem.