HTML Форматирование текста

Курс по основам HTML. W3Schools на русском языке. Уроки для начинающих



Форматирование текста в HTML. Как сделать форматирование на веб-страницах?

Форматирование текста:

This text is bold

This text is italic

This is subscript and superscript

Попробуйте сами »

Элементы форматирования в HTML

В предыдущем уроке вы узнали об HTML атрибуте style. HTML также определяет специальные элементы для придания тексту особого значения. HTML использует такие элементы, как <b> и <i> для форматирования вывода, например жирний или курсивный текст. Элементы форматирования предназначены для отображения специальных типов текста.


HTML элементы <b> и <strong>

HTML элемент <b> определяет жирный текст без дополнительного значения.

Пример:

<b>This text is bold</b>
Попробуйте сами »

HTML элемент <strong> определяет важный текст с добавлением семантически «сильного» значения.

Пример:

<strong>This text is strong</strong>
Попробуйте сами »

HTML элементы <i> и <em>

HTML элемент <i> определяет текст курсивом без дополнительного значения.

Пример:

<i>This text is italic</i>
Попробуйте сами »

HTML элемент <em> определяет подчёркнутый текст с дополнительным смысловым значением.

Пример:

<em>This text is emphasized</em>
Попробуйте сами »

Примечание: Браузеры отображают <strong> как <b> (выделяют жирным шрифтом), а <em> как <i> (выделяют курсивным шрифтом). Однако, существует разница в значении этих тегов: <b> и <i> лишь отображаются жирным и курсивным текстом, но теги <strong> и <em> означают, что текст "важный" по значению.


HTML элемент <small>

HTML элемент <small> определяет меньший текст (по сравнению с текстом по умолчанию):

Пример:

<h2>HTML <small>Small</small> Formatting</h2>
Попробуйте сами »

HTML элемент <mark>

HTML элемент <mark> определяет помеченный (маркированный) текст (по умолчанию - выделяется желтым цветом):

Пример:

<h2>HTML <mark>Marked</mark> Formatting</h2>
Попробуйте сами »

HTML элемент <del>

HTML элемент <del> определяет удалённый (изъятый) текст. По умолчанию отображается зачёркнутым.

Пример:

<p>My favorite color is <del>blue</del> red.</p>
Попробуйте сами »

HTML элемент <ins>

HTML элемент <ins> определяет вставленный (добавленный) текст. По умолчанию отображается подчёркнутым.

Пример:

<p>My favorite <ins>color</ins> is red.</p>
Попробуйте сами »

HTML элемент <sub>

HTML элемент <sub> определяет подстрочный текст (нижнего индекса).

Пример:

<p>This is <sub>subscripted</sub> text.</p>
Попробуйте сами »

HTML элемент <sup>

HTML элемент <sup> определяет надстрочный текст (верхнего индекса).

Пример:

<p>This is <sup>superscripted</sup> text.</p>
Попробуйте сами »


HTML элементы форматирования текста

Тег Описание
<b> Определяет жирный текст
<em> Определяет важно подчёркнутый текст
<i> Определяет курсивный текст
<small> Определяет уменьшенный текст
<strong> Определяет важный по значению текст
<sub> Определяет подстрочный текст
<sup> Определяет надстрочный текст
<ins> Определяет вставленный текст
<del> Определяет удаленный текст
<mark> Определяет помеченный/маркированный текст

Справочник HTML тегов

Примечание: Для получения полного списка всех доступных HTML тегов, посетите Справочник HTML тегов.