Possiamo creare elenchi nidificati in HTML

Questo tutorial spiegherà il metodo per la creazione di elenco in HTML.

Possiamo creare elenchi nidificati in HTML?

Un elenco viene definito un elenco nidificato che è incluso in un altro elenco. È possibile creare un elenco ordinato nidificato all'interno di un elenco non ordinato o persino un elenco non ordinato nidificato. Tieni presente che il tag UL "li"L'elemento è il suo unico discendente diretto. Nell'elemento selezionato nell'elenco principale, è possibile creare l'elenco non ordinato nidificato.

Tipi di elenchi in HTML

In HTML, gli elenchi sono classificati in due tipi:

• Lista ordinata: Genera un elenco contrassegnato con lettere o numeri. L'HTML “
  "L'elenco può essere utilizzato per effettuare un elenco ordinato.
  1. Lista non ordinata: Genera un elenco proiettato. L'HTML “
     "L'elenco può essere utilizzato per creare un elenco non ordinato.
     • Elenco di descrizione: È utilizzato per definire un elenco di descrizione.

     Come creare un semplice elenco in HTML?

     Per creare un semplice elenco in HTML, crea prima un contenitore con l'aiuto di ""Elemento. Quindi, progetta un semplice elenco utilizzando "

     " O "
     ".

     Per la dimostrazione pratica, seguire la procedura data.

     Passaggio 1: aggiungi un contenitore di div

     In HTML, in primo luogo, aggiungi un contenitore Div utilizzando il "”Tag con classe"contenuto".

     Passaggio 2: progetta un elenco semplice

     Quindi, allo scopo di progettare l'elenco semplice, aggiungi il "

     "Elemento per l'elenco ordinato. Inoltre, aggiungi l'attributo di stile per applicare lo stile in linea sull'elemento definito. Inoltre, aggiungi due "
     1. "Elementi al suo interno. IL "
     2. "L'elemento contiene il contenuto dell'elenco. Questi elementi saranno contrassegnati con numeri:
        
        
        
        
        1. Tipi di software applicativo
        
        
        2. Tipi di software di sistema
        
        
        3. Tipi di computer
        
        
        4. Tipi di cellulare
        
        

        Si può notare che l'elenco è stato creato correttamente:

        Come creare un elenco nidificato in HTML?

        Per creare un elenco nidificato in HTML, prima, definire un elenco con l'aiuto di "

        " O "
        "E aggiungi un altro elenco seguendo lo stesso metodo.

        L'esempio seguente dimostra i due diversi elementi nell'elenco ordinato. Queste categorie definite avranno ulteriori sottocategorie. Il modo in cui queste categorie sono inserite all'interno dei tag HTML eliminerà la comprensione dell'argomento.

        Per fare ciò, dai un'occhiata alle istruzioni di seguito.

        Passo 1: Crea un elenco principale

        Ai fini della creazione dell'elenco principale, utilizzare il "

        " O "
        ".

        Passaggio 2: fai una lista nidificata

        Quindi, all'interno del "

        • "Dell'elemento dell'elenco principale, verrà creata la sottocategoria. Per questo, l'elenco dei proiettili viene creato utilizzando "
          "Tag. Questo elenco non ordinato contiene più elementi all'interno del
          • elementi:
            
            
            1. Tipi di software applicativo
            
            
            
            
            • Software di elaborazione
            
            
            • Software di foglio di calcolo
            • Software multimediale
            
            
            • Software grafico
            
            
            • Software educativo
            
            
            • Browser Web
            
            
            • Software di presentazione
            
            
            
            
            2. Tipi di software di sistema
            
            
            
            
            • Sistema operativo
            
            
            • Elaborazione di testi
            
            
            • Firmware
            
            
            • Utility
            
            
            • Banca dati
            
            
            
            
            3. Tipi di computer
            
            
            4. Tipi di cellulare
            
            

            Produzione

            Dall'output di cui sopra puoi vedere che abbiamo effettuato con successo elenchi nidificati in HTML.

            Conclusione

            Durante la scrittura di un documento, gli elenchi sono considerati un metodo efficace per rappresentare i dati. Semplifica le lunghe frasi e fornisce i punti principali, il che aiuta gli utenti a leggere facilmente le idee principali. In HTML, dobbiamo stare molto attenti mentre facciamo elenchi. Per fare elenchi ordinati o non ordinati HTML "

            " E "
            "I tag vengono utilizzati, rispettivamente. Per aggiungere il contenuto dell'elenco, HTML
            • I tag sono utilizzati nell'elenco dei genitori "
              " O "
              1. "Tag. Questo post ha fornito una guida sulla creazione di un elenco nidificato con un esempio pratico.