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>Это _{текст с} индексом.</p>

Элемент HTML <sup>

Элемент HTML <sup> определяет текст надстрочного индекса. Текст надстрочного индекса отображается на пол-символа выше обычной строки и иногда отображается шрифтом меньшего размера. Текст надстрочного индекса можно использовать для сносок, например WWW[1]:

Пример:

<p>Это ^{текст со}верхним индексом.</p>