📖 História de Abertura

Você pode criar listas para organizar ideias, como a lista de compras ou seu top 5 de filmes.

🎭 Personagens do Capítulo

• Você: o Organizador Mestre.
• HT-1000: o robô que ama listas.

💬 Diálogo de Abertura

• Você: “Quero mostrar meus jogos favoritos.”
• HT-1000: “Perfeito! Vamos fazer isso com listas.”

🧩 Conceito-Chave

<ul> cria uma lista não ordenada (com bolinhas).

<ol> cria uma lista ordenada (com números).

<li> define cada item.

💻 Primeira Experiência (no VS Code)

<h2>Lista de compras</h2>
<ul>
  <li>Maçã</li>
  <li>Pão</li>
  <li>Leite</li>
</ul>

<h2>Top 3 filmes</h2>
<ol>
  <li>Filme A</li>
  <li>Filme B</li>
  <li>Filme C</li>
</ol>

🔍 Reflexão Rápida

• Qual a diferença entre <ul> e <ol>?
• Dá para misturar listas?