HTML Элементы форматирования текста
В HTML есть несколько элементов для определения текста с особыми свойствами.
Пример
Этот текст выделен жирным шрифтом
Этот текст выделен курсивом
Это нижний и верхний индексы
Элементы форматирования HTML
Элементы форматирования были разработаны для отображения специальных типов текста:
<b>— Жирный текст<strong>— Важный текст<i>— Курсивный текст<em>— Выделенный текст<mark>— Отмеченный текст<small>— Текст меньшего размера<del>— Удаленный текст<ins>— Вставленный текст<sub>— Нижний индекс<sup>— Верхний индекс
Элементы HTML <b> и <strong>
Элемент HTML <b> определяет текст, выделенный жирным шрифтом, без дополнительного значения.
Пример:
<b>Этот текст выделен жирным</b>Элемент HTML <strong> определяет текст с сильным значением. Содержимое внутри обычно отображается жирным шрифтом.
Пример:
<strong>Этот текст важен!</strong>Элементы HTML <i> и <em>
Элемент HTML <i> определяет часть текста, произнесенную с другой интонацией или настроением. Содержимое внутри обычно отображается курсивом.
Совет: Элемент <i> часто используется для обозначения технического термина, фразы на другом языке, мысли, названия корабля и т.д.
Пример:
<i>Этот текст выделен курсивом</i>Элемент HTML <em> определяет выделенный текст. Содержимое внутри обычно отображается курсивом.
Совет: Программа чтения с экрана произнесет слова в <em> с ударением, используя словесное ударение.
Пример:
<em>Этот текст выделен</em>Элемент HTML <small>
Элемент HTML <small> определяет текст меньшего размера:
Пример:
<small>Это текст меньшего размера.</small>Элемент HTML <mark>
Элемент HTML <mark> определяет текст, который должен быть отмечен или выделен.
Пример:
<p>Не забудьте купить <mark>молоко</mark> сегодня.</p>Элемент HTML <del>
Элемент HTML <del> определяет текст, который был удален из документа. Браузеры обычно зачеркивают удаленный текст.
Пример:
<p>Мой любимый цвет — <del>синий</del> красный.</p>Элемент HTML <ins>
Элемент HTML <ins> определяет текст, который был вставлен в документ. Браузеры обычно подчеркивают вставленный текст.
Пример:
<p>Мой любимый цвет — <del>синий</del> <ins>красный</ins>.</p>Элемент HTML <sub>
Элемент HTML <sub> определяет текст нижнего индекса. Текст нижнего индекса появляется на полсимвола ниже обычной строки и иногда отображается меньшим шрифтом. Текст нижнего индекса может использоваться для химических формул, таких как H2O:
Пример:
<p>Это текст <sub>нижнего индекса</sub>.</p>Элемент HTML <sup>
Элемент HTML <sup> определяет текст верхнего индекса. Текст верхнего индекса появляется на полсимвола выше обычной строки и иногда отображается меньшим шрифтом. Текст верхнего индекса может использоваться для сносок, таких как WWW[1]:
Пример:
<p>Это текст <sup>верхнего индекса</sup>.</p>