HTML Форматування тексту
HTML містить кілька елементів для визначення тексту зі спеціальним значенням.
В цій темі:
Форматування тексту
Цей текст жирний
Цей текст курсивом
Це нижній індекс і верхній індекс
HTML елементи форматування
В попередньому розділі ви дізнались про HTML атрибут style.
HTML також визначає спеціальні елементи для визначення тексту з особливою важливістю.
HTML використовує такі елементи, як <b> та <i> для форматування виведення, наприклад жирний або курсивний текст.
Елементи форматування були розроблені для відображення спеціальних типів тексту:
<b>- Жирний текст<strong>- Важливий текст (виділяється жирним)<i>- Курсивний текст<em>- Важливий текст (виділяється курсивом)<mark>- Помічений (маркований) текст<small>- Маленький текст<del>- Видалений текст<ins>- Вставлений текст<sub>- Підрядковий текст (нижній індекс)<sup>- Надрядковий текст (верхній індекс)
HTML елементи <b> та <strong>
HTML елемент <b> визначає жирний текст без додаткового значення.
HTML елемент <strong> визначає важливий текст з додатковим семантично "важливим" значенням.
HTML елементи <i> та <em>
HTML елемент <i> визначає курсивний текст без якого-небудь додаткового значення.
HTML елемент <em> визначає виділений текст з додатковим семантичним значенням.
Примітка: Браузери відображають <strong> як <b>, та <em> як <i>.
Однак, є різниця в значенні цих тегів:
<b> та <i> визначають жирний та курсивний текст, але
<strong> та <em> означають, що текст "важливий" за смисловим значенням.
HTML елемент <small>
HTML елемент <small> визначає зменшений текст (відносно розміру основного тексту за умовчанням):
HTML елемент <mark>
HTML елемент <mark> визначає маркований/виділений текст:
За умовчанням маркований текст виділяється жовтим кольором.
HTML елемент <del>
HTML елемент <del> визначає видалений/вилучений текст.
Текст відображається закресленим.
HTML елемент <ins>
HTML елемент <ins> визначає вставлений/доданий текст.
Текст відображається підкресленим.
HTML елемент <sub>
HTML елемент <sub> визначає підрядковий текст (нижній індекс).
Текст відображається як нижній індекс.
HTML елемент <sup>
HTML елемент <sup> визначає надрядковий текст (верхній індекс).
Текст відображається як верхній індекс.
HTML Вправи
HTML елементи форматування тексту
| Тег | Опис |
|---|---|
| <b> | Визначає жирний текст |
| <em> | Визначає семантично важливий текст |
| <i> | Визначає курсивний текст |
| <small> | Визначає маленький текст |
| <strong> | Визначає семантично важливий текст |
| <sub> | Визначає підрядковий текст (нижній індекс) |
| <sup> | Визначає надрядковий текст (верхній індекс) |
| <ins> | Визначає вставлений текст |
| <del> | Визначає видалений текст |
| <mark> | Визначає маркований/помічений текст |
Для отримання повного списку всіх доступних HTML тегів, відвідайте HTML Довідник тегів на нашому сайті W3Schools українською.
Запитання для самоконтролю
- Що таке форматування тексту HTML-сторінки?
- Які бувають HTML-елементи форматування?
- Для чого потрібні елементи форматування?
- Який HTML-елемент визначає жирний текст без додаткового значення?
- Який HTML-елемент визначає жирний текст з додатковим семантично важливим значенням?
- Який HTML-елемент визначає курсивний текст без якого-небудь додаткового значення?
- Який HTML-елемент визначає курсивний текст з додатковим семантично важливим значенням?
- Який HTML-елемент визначає зменшений текст відносно розміру основного тексту?
- Який HTML-елемент визначає маркований/виділений текст?
- Який HTML-елемент визначає видалений/вилучений текст?
- Який HTML-елемент визначає вставлений/доданий текст?
- Який HTML-елемент визначає підрядковий текст (нижній індекс)?
- Який HTML-елемент визначає надрядковий текст (верхній індекс)?
