Tag <li>


A tag <li> é usada para criar elementos dentro de listas ordenadas (<ol>) e listas não ordenadas (<ul>). O termo “li” é uma abreviação de “list item” em inglês.

Nota

Dentro de uma tag <li>, você pode incluir qualquer conteúdo HTML válido, como texto, imagens, links ou até mesmo outras listas. A tag <li> é flexível e pode ser estilizada.

Além disso, é comum o uso da tag <li> em conjunto com outras tags de lista para criar estruturas hierárquicas ou listas aninhadas. Por exemplo:

<ul>
  <li>Frutas
    <ul>
      <li>Maçã</li>
      <li>Banana</li>
      <li>Uva</li>
    </ul>
  </li>
  <li>Vegetais
    <ul>
      <li>Cenoura</li>
      <li>Tomate</li>
      <li>Alface</li>
    </ul>
  </li>
</ul>

Referências