🔗 Listas Encadeadas

Introdução

Listas encadeadas são listas inseridas dentro de outras listas, permitindo organizar informações em diferentes níveis hierárquicos.

Esse recurso é muito utilizado em menus, categorias de produtos, estruturas organizacionais e conteúdos com subdivisões.

📌 Em HTML, listas encadeadas são criadas colocando uma lista dentro de um item (<li>) de outra lista.

A hierarquia permite representar relações entre elementos principais e seus subelementos.

Exemplo:

<ul>
  <li>Programação
    <ul>
      <li>HTML</li>
      <li>CSS</li>
    </ul>
  </li>
</ul>

A lista interna fica dentro do item da lista principal.

É possível utilizar listas não numeradas em vários níveis.

Também podemos criar listas ordenadas dentro de outras listas.

É possível combinar listas ordenadas e não ordenadas.

<ol>
  <li>Curso
    <ul>
      <li>HTML</li>
      <li>CSS</li>
    </ul>
  </li>
</ol>

Essa combinação é bastante utilizada em documentações técnicas.

Benefício	Descrição
Organização	Estrutura conteúdos complexos.
Hierarquia	Mostra relações entre elementos.
Legibilidade	Facilita compreensão.

⚠️ Toda lista interna deve estar contida dentro de um item da lista principal.

📌 As listas encadeadas permitem representar informações hierárquicas de forma clara e organizada.

🎓 Aula concluída! Agora você sabe criar listas encadeadas e organizar conteúdos em múltiplos níveis utilizando HTML.