Listy w HTML

Wprowadzenie

Listy pomagają uporządkować treść: punkty, kroki w instrukcji, definicje.

---

Teoria / Wyjaśnienia

• Rodzaje list:
  • <ul> – lista nieuporządkowana (kropki),
  • <ol> – lista uporządkowana (numery),
  • <dl> – lista definicyjna (<dt> – termin, <dd> – definicja).

---

Praktyczne przykłady

Przykład

<!-- Lista nieuporzadkowana -->
<ul>
  <li>Jablka</li>
  <li>Banany</li>
  <li>Winogrona</li>
</ul>

<!-- Lista uporzadkowana -->
<ol>
  <li>Rozgrzej piekarnik.</li>
  <li>Przygotuj skladniki.</li>
  <li>Wloz ciasto do piekarnika.</li>
</ol>

---

Ćwiczenie

1. Stwórz listę zakupów jako <ul>.
2. Stwórz przepis kulinarny jako <ol>.
3. Dla chętnych: zdefiniuj kilka pojęć jako lista definicyjna (<dl>).