Formatowanie tekstu w HTML

Podstawowe znaczniki formatowania ✨

W HTML mamy kilka znaczników, które służą do wyróżniania tekstu:

• <strong> – pogrubienie (semantyczne – ważne treści),
• <em> – pochylenie (emfaza, akcent),
• <b> – pogrubienie wizualne (bez znaczenia semantycznego),
• <i> – pochylenie wizualne,
• <u> – podkreślenie (używaj ostrożnie, by nie mylić z linkami).

Przykład

<p>To jest <strong>wazny</strong> wyraz.</p>
<p>To jest <em>podkreslenie znaczenia</em> zdania.</p>

---

Zagnieżdżanie formatowania

Możesz łączyć kilka znaczników:

Przykład

<p>
  To jest <strong><em>naprawde wazna</em></strong> informacja.
</p>

Pamiętaj o poprawnym domykaniu tagów w odwrotnej kolejności.

---

Kiedy używać którego znacznika?

• preferuj <strong> i <em> – są semantyczne,
• <b> i <i> zostaw głównie do specjalnych przypadków (np. nazwy, cytaty w innym języku),
• nie nadużywaj <u> – użytkownik może myśleć, że to link.

---

Ćwiczenie

1. Napisz akapit z trzema poziomami ważności informacji.
2. Użyj <strong> i <em>, żeby je wyróżnić.
3. Sprawdź w przeglądarce, jak wygląda tekst.