Урок 10 із 239

Теги для виділення тексту жирним

Навчіться виділяти частину тексту жирним шрифтом за допомогою HTML-тега b.

Теги для виділення тексту жирним

Ми вже знаємо, що заголовки h1-h6 за замовчуванням відображаються жирним шрифтом. Але іноді потрібно виділити жирним тільки частину звичайного тексту.

Для цього використовується тег b. Він робить текст між відкривальним та закривальним тегом жирним.

<p>
  This is regular text and this is 
  <b>bold</b> text.
</p>

У результаті слово, яке знаходиться всередині тега b, буде відображатися жирним шрифтом.

Тег	Призначення
<b>	Візуально робить текст жирним
<strong>	Позначає важливий текст

У сучасному HTML часто використовують тег strong, коли текст має важливе значення. Тег b використовується переважно для звичайного візуального виділення.

<p>
  Це звичайний текст,
  а <b>це жирний текст</b>.
</p>

<p>
  <strong>Увага!</strong>
  Перевірте правильність даних.
</p>

❗ Важливо:

Не використовуйте тег b для створення заголовків. Для структури сторінки існують теги h1-h6, а для оформлення — CSS.

📌 Завдання:

Створіть абзац із простим текстом.
Виділіть одне слово жирним за допомогою тега b.
Створіть другий приклад із тегом strong.
Порівняйте результат у браузері.

💡 Показати підказку

Тег b просто змінює вигляд тексту. Тег strong додатково повідомляє браузеру, що цей текст важливий.

✅ Показати відповідь

Приклад:

<p>
  Мій сайт має 
  <b>гарний дизайн</b>.
</p>

<p>
  <strong>Важливо:</strong>
  збережіть файл перед перевіркою.
</p>