HTML <div> – uniwersalny kontener

Wprowadzenie

<div> to ogólny, blokowy kontener. Często używamy go do grupowania elementów i budowy layoutu, ale nie niesie sam w sobie znaczenia semantycznego.

---

Teoria / Wyjaśnienia

• <div> jest neutralny semantycznie – warto go łączyć z klasami CSS.
• Przykładowe zastosowania:
  • sekcje strony (nagłówek, stopka, kolumny),
  • pudełka / karty z treścią.

---

Praktyczne przykłady

Przykład

<div class="karta">
  <h2>Tytul karty</h2>
  <p>Opis wewnatrz karty.</p>
</div>

---

Ćwiczenie

1. Zbuduj prosty „box” z tytułem i tekstem, opakowany w <div>.
2. Dodaj klasę CSS i nadaj mu tło, obramowanie i marginesy.
3. Dla chętnych: stwórz siatkę kilku takich kart obok siebie.