Akapity w HTML

Czym jest akapit w HTML? ✍️

Akapit to podstawowa jednostka tekstu na stronie. W HTML tworzymy go za pomocą znacznika <p>.

• grupuje zdania w logiczne bloki,
• ułatwia czytanie tekstu,
• pozwala przeglądarce poprawnie ustawić odstępy między fragmentami.

Przykład

<p>To jest pierwszy akapit.</p>
<p>To jest drugi akapit.</p>

---

Zasady używania <p>

• każdy akapit powinien być w osobnym <p>...</p>,
• nie wkładamy do <p> innych blokowych elementów (np. <div>, <h1>, <ul>),
• możemy używać w środku elementów liniowych (np. <strong>, <em>, <a>).

Przykład

<p>
  To jest <strong>ważne</strong> zdanie z <a href="#">linkiem</a>.
</p>

---

Najczęstsze błędy

• brak zamknięcia </p>,
• zagnieżdżanie nagłówków lub list w środku <p>,
• używanie wielu <br> zamiast osobnych akapitów.

Przykład

<!-- Zły przykład -->
<p>To jest akapit
<h2>Naglowek w srodku p</h2>

<!-- Lepsza wersja -->
<p>To jest akapit.</p>
<h2>Naglowek</h2>

---

Dobre praktyki

• jeden akapit = jeden główny pomysł,
• nie rób akapitów z jednego słowa tylko po to, by „złamać linię”,
• używaj CSS do kontroli odstępów (margin, line-height).

---

Ćwiczenie

1. Napisz krótki tekst o sobie (3–4 zdania).
2. Podziel go na 2–3 akapity z <p>.
3. W jednym akapicie pogrub ważne słowo, w innym dodaj link.