Listas em HTML: Ordenadas e Não Ordenadas

Olá Devs! hoje mostro como iniciar um projeto vue.js em 2023 de forma simples e rápida, com o ambiente de desenvolvimento vite

---

Introdução:
As listas são uma parte fundamental do HTML e oferecem uma maneira organizada de apresentar informações em seu site. Vamos explorar como criar listas ordenadas e não ordenadas usando HTML.

Listas Não Ordenadas (<ul> e <li>):
Em HTML, as listas não ordenadas são criadas usando as tags <ul> (unordered list) e <li> (list item). Aqui está um exemplo simples:

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

Resultado:

• Item 1
• Item 2
• Item 3

Listas Ordenadas (<ol> e <li>):
As listas ordenadas utilizam as tags <ol> (ordered list) e <li> (list item). Veja um exemplo:

<ol>
    <li>Primeiro item</li>
    <li>Segundo item</li>
    <li>Terceiro item</li>
</ol>

Resultado:

1. Primeiro item
2. Segundo item
3. Terceiro item

Listas Aninhadas:
Você também pode aninhar listas, criando uma estrutura hierárquica. Por exemplo:

<ul>
    <li>Frutas</li>
    <ul>
        <li>Maçã</li>
        <li>Banana</li>
        <li>Morango</li>
    </ul>
    <li>Legumes</li>
    <ul>
        <li>Cenoura</li>
        <li>Abobrinha</li>
        <li>Beterraba</li>
    </ul>
</ul>

Resultado:

• Frutas
  • Maçã
  • Banana
  • Morango
• Legumes
  • Cenoura
  • Abobrinha
  • Beterraba

Conclusão:
A criação de listas em HTML é simples, mas elas desempenham um papel crucial na organização do conteúdo. Utilize listas para apresentar informações de maneira clara e estruturada em suas páginas web. Experimente criar diferentes tipos de listas para se familiarizar com essas tags essenciais do HTML.

---

Post criado e publicado com 💙 por Luís Daví
✨Portifólio 🚀Github 📸Instagram