¿Podemos crear listas anidadas en HTML?

Este tutorial explicará el método para crear la lista en HTML.

¿Podemos crear listas anidadas en HTML??

Una lista se conoce como una lista anidada que se incluye en otra lista. Puede construir una lista ordenada anidada dentro de una lista desordenada o incluso una lista no ordenada anidada. Tenga en cuenta que la etiqueta UL "liEl elemento es su único descendiente directo. Según el elemento seleccionado en la lista principal, puede construir la lista desordenada anidada.

Tipos de listas en HTML

En HTML, las listas se clasifican en dos tipos:

• Lista ordenada: Genera una lista marcada con letras o números. El html "
  La lista se puede utilizar para hacer una lista ordenada.
  1. Lista desordenada: Genera una lista de balas. El html "
     La lista se puede usar para hacer una lista desordenada.
     • Lista de descripción: Se utiliza para definir una lista de descripción.

     Cómo crear una lista simple en HTML?

     Para crear una lista simple en HTML, primero cree un contenedor con la ayuda del "" elemento. Luego, diseñe una lista simple usando el "

     " o "
     ".

     Para la demostración práctica, siga el procedimiento dado.

     Paso 1: Agregue un contenedor Div

     En HTML, primero, agregue un contenedor DIV utilizando el ""Etiqueta que tiene clase"contenido".

     Paso 2: Diseñe una lista simple

     Luego, con el fin de diseñar la lista simple, agregue el "

     "Elemento para la lista ordenada. Además, agregue el atributo de estilo para aplicar el estilo en línea en el elemento definido. Además, agregue dos "
     1. "Elementos dentro de él. El "
     2. El elemento contiene el contenido de la lista. Estos elementos estarán marcados con números:
        
        
        
        
        1. Tipos de software de aplicación
        
        
        2. Tipos de software del sistema
        
        
        3. Tipos de computadora
        
        
        4. Tipos de móviles
        
        

        Se puede notar que la lista se ha creado con éxito:

        Cómo crear una lista anidada en HTML?

        Para crear una lista anidada en HTML, primero, defina una lista con la ayuda de "

        " o "
        "Y agregue otra lista siguiendo el mismo método.

        El siguiente ejemplo demuestra los dos elementos diferentes en la lista ordenada. Estas categorías definidas tendrán más subcategorías. La forma en que estas categorías se colocan dentro de las etiquetas HTML borrarán la comprensión del tema.

        Para hacerlo, consulte las instrucciones mencionadas a continuación.

        Paso 1: Crea una lista principal

        Con el fin de crear la lista principal, utilice el "

        " o "
        ".

        Paso 2: Hacer una lista anidada

        Entonces, dentro del "

        • "Del elemento de la lista principal, se creará la subcategoría. Para esto, la lista de balas se crea utilizando el "
          " etiqueta. Esta lista desordenada contiene múltiples elementos dentro del
          • elementos:
            
            
            1. Tipos de software de aplicación
            
            
            
            
            • Software de procesamiento
            
            
            • Hoja de cálculo
            • Software multimedia
            
            
            • Software gráfico
            
            
            • Software educativo
            
            
            • Navegadores web
            
            
            • Software de presentación
            
            
            
            
            2. Tipos de software del sistema
            
            
            
            
            • Sistema operativo
            
            
            • Procesamiento de textos
            
            
            • Firmware
            
            
            • Utilidades
            
            
            • Base de datos
            
            
            
            
            3. Tipos de computadora
            
            
            4. Tipos de móviles
            
            

            Producción

            De la salida anterior, puede ver que hemos realizado con éxito listas anidadas en HTML.

            Conclusión

            Al escribir un documento, las listas se consideran un método efectivo para representar datos. Simplifica las oraciones largas y proporciona los puntos principales, lo que ayuda a los usuarios a leer las ideas principales fácilmente. En HTML, debemos tener mucho cuidado mientras hacemos listas. Para hacer listas ordenadas o desordenadas HTML "

            " y "
            Se utilizan las etiquetas, respectivamente. Para agregar el contenido de la lista, html
            • Las etiquetas se utilizan en la lista de padres "
              " o "
              1. "Etiquetas. Esta publicación ha proporcionado una guía sobre la creación de una lista anidada con un ejemplo práctico.