Podemos criar listas aninhadas em html

Este tutorial explicará o método para criar lista em html.

Podemos criar listas aninhadas em html?

Uma lista é chamada de lista aninhada que está incluída em outra lista. Você pode construir uma lista ordenada aninhada em uma lista não ordenada ou até em uma lista não ordenada aninhada. Lembre -se de que a tag UL "li”O elemento é o seu único descendente direto. Sob o item selecionado na lista principal, você pode construir a lista não ordenada aninhada.

Tipos de listas em html

No HTML, as listas são categorizadas em dois tipos:

• Lista ordenada: Gera uma lista marcada com letras ou números. O html “
  ”A lista pode ser utilizada para fazer uma lista ordenada.
  1. Lista não ordenada: Gera uma lista de marcadores. O html “
     ”A lista pode ser usada para fazer uma lista não ordenada.
     • Lista de descrição: É utilizado para definir uma lista de descrição.

     Como criar uma lista simples em html?

     Para criar uma lista simples no HTML, primeiro crie um contêiner com a ajuda do “" elemento. Em seguida, projete uma lista simples usando o “

     " ou "
     ”.

     Para a demonstração prática, siga o procedimento fornecido.

     Etapa 1: adicione um contêiner div

     Em HTML, primeiro, adicione um contêiner de div, utilizando o “”Tag tendo aula“contente”.

     Etapa 2: Projete uma lista simples

     Então, com o objetivo de projetar a lista simples, adicione o “

     ”Elemento para a lista ordenada. Além disso, adicione o atributo de estilo para aplicar um estilo embutido no elemento definido. Além disso, adicione dois “
     1. ”Elementos dentro dele. O "
     2. ”O elemento contém o conteúdo da lista. Esses itens serão marcados com números:
        
        
        
        
        1. Tipos de software de aplicativo
        
        
        2. Tipos de software do sistema
        
        
        3. Tipos de computador
        
        
        4. Tipos de celular
        
        

        Pode -se notar que a lista foi criada com sucesso:

        Como criar uma lista aninhada em HTML?

        Para criar uma lista aninhada em HTML, primeiro, defina uma lista com a ajuda de “

        " ou "
        ”E adicione outra lista seguindo o mesmo método.

        O exemplo abaixo demonstra os dois elementos diferentes na lista ordenada. Essas categorias definidas terão mais subcategorias. A maneira como essas categorias são colocadas dentro das tags HTML limparão o entendimento do tópico.

        Para fazer isso, confira as instruções abaixo mencionadas.

        Passo 1: Crie uma lista principal

        Com o objetivo de criar a lista principal, utilize o “

        " ou "
        ”.

        Etapa 2: Faça a lista aninhada

        Então, dentro do “

        • ”Do elemento principal da lista, a subcategoria será criada. Para isso, a lista de balas é criada usando o “
          " marcação. Esta lista não ordenada contém vários itens dentro do
          • Elementos:
            
            
            1. Tipos de software de aplicativo
            
            
            
            
            • Software de processamento
            
            
            • Software de planilha
            • Software multimídia
            
            
            • Software gráfico
            
            
            • Software educacional
            
            
            • Navegadores da web
            
            
            • Software de apresentação
            
            
            
            
            2. Tipos de software do sistema
            
            
            
            
            • Sistema operacional
            
            
            • Processamento de texto
            
            
            • Firmware
            
            
            • Serviços de utilidade pública
            
            
            • Base de dados
            
            
            
            
            3. Tipos de computador
            
            
            4. Tipos de celular
            
            

            Saída

            A partir da saída acima, você pode ver que fizemos com sucesso listas aninhadas em html.

            Conclusão

            Ao escrever um documento, as listas são consideradas um método eficaz para representar dados. Ele simplifica as frases longas e fornece os principais pontos, o que ajuda os usuários a ler as idéias principais facilmente. No HTML, precisamos ter muito cuidado ao fazer listas. Para fazer listas ordenadas ou não ordenadas html “

            " e "
            ”As tags são utilizadas, respectivamente. Para adicionar o conteúdo da lista, html
            • As tags são utilizadas na lista de pais “
              " ou "
              1. " Tag. Este post forneceu um guia sobre a criação de uma lista aninhada com um exemplo prático.