Урок 11 із 239

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

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

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

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

Текст, який знаходиться всередині відкривального та закривального тега i, буде відображатися під нахилом.

<p>
  This is regular text, and this is
  <i>italic</i> text.
</p>

У результаті слово italic буде показано курсивом, а інший текст залишиться звичайним.

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

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

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

<p>
  <em>Увага!</em>
  Перевірте введені дані.
</p>

❗ Важливо:

Не використовуйте i для зміни стилю великих частин сторінки. За оформлення тексту відповідає CSS, а HTML описує структуру та значення.

📌 Завдання:

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

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

Тег i змінює тільки зовнішній вигляд тексту. Тег em додає тексту смисловий наголос.

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

Приклад:

<p>
  Я вивчаю
  <i>HTML</i>
  та CSS.
</p>

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