САЙТ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ НА РУССКОМ ЯЗЫКЕ
×

HTML5 Учебник

HTML Главная HTML Введение HTML Редакторы HTML Основные HTML Элементы HTML Атрибуты HTML Заголовки HTML Параграфы HTML Стили HTML Форматирование HTML Цитирование HTML Комментарии HTML Цвета HTML c CSS HTML Ссылки HTML Изображения HTML Таблицы HTML Списки HTML Блоки HTML Классы HTML Идентификаторы HTML Фреймы HTML JavaScript HTML Путь к Файлу HTML Глава HTML Макет HTML Адаптивный HTML Компьютерный код HTML Объекты HTML Символы HTML Кодировка HTML URL Кодирование HTML XHTML

HTML Формы

HTML Формы HTML Элементы формы HTML Тип ввода HTML Атрибуты ввода

HTML5

HTML5 Введение HTML5 Поддержка HTML5 Новые Элементы HTML5 Семантика HTML5 Миграция HTML5 Синтасис

HTML Графика

HTML Canvas HTML SVG HTML Google Карта

HTML Медиа

HTML Медиа HTML Видео HTML Аудио HTML Объекты HTML YouTube

HTML API

HTML Геолокация HTML Перетаскивание HTML Веб Хранилище HTML Веб Работник HTML СОС

HTML Примеры

HTML Примеры HTML Викторина HTML Упражнения HTML Сертификат HTML Заключение HTML Возможности

HTML Справочники

HTML Список Тегов HTML Атрибуты HTML Глобальные HTML События HTML Цвета HTML Холст HTML Аудио/Видео HTML Декларации HTML Набор Кодировок HTML URL Код HTML Коды языка HTML Коды стран HTTP Сообщения HTTP Методы Ковертер PX в EM Клавишные комбинации

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



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

Этот текст будет жирным

Этот текст курсив

Этот текст подстрочный и надстрочный

Редактор кода »

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

В предыдущей главе вы узнали о HTML атрибутах стилей.

HTML также определяет специальные элементы для определения текста с особым значением.

Для вывода форматирования HTML использует элементы, <b> и <i>, шрифт полужирный и курсив.

Элементы форматирования предназначены для отображения специальных видов текста:

  • <b> - Жирный текст
  • <strong> - Важный текст
  • <i> - текст Курсив (наклонный)
  • <em> - текст Акцентирует внимание (наклонный)
  • <mark> - Маркерованный текст
  • <small> - Небольшой текст
  • <del> - Удаленный (зачеркнутый) текст
  • <ins> - Вставленный (добавить) текст
  • <sub> - Подстрочный текст
  • <sup> - Надстрочный текст

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

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

Пример

<b>Этот текст жирный</b>
Редактор кода »

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

Пример

<strong>Этот текст строгий</strong>
Редактор кода »

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

HTML элемент <i>, определяет текст курсив (наклонный), без какого-либо дополнительной значения важности.

Пример

<i>Этот текст курсивный</i>
Редактор кода »

HTML элемент <em>, определяет текст акцентирует внимание (наклонный), с добавлением смысловое значение "важности".

Пример

<em>Этот текст акцентирует внимание</em>
Редактор кода »

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


HTML элемент <small>

Элемент <small>, определяет текст небольшим:

Пример

<h2>HTML Форматирование <small>Небольшого</small> текста</h2>
Редактор кода »

HTML элемент <mark>

Элемент <mark>, определяет текст маркированным или выделенным:

Пример

<h2>HTML Форматирование <mark>Маркерованного</mark> текста</h2>
Редактор кода »

HTML элемент <del>

Элемент <del>, определяет текст удаленным (удалить).

Пример

<p>Мой любимый цвет <del>синий</del> красный.</p>
Редактор кода »

HTML элемент <ins>

Элемент <ins>, определяет текст вставленным (добавленный).

Пример

<p>Мой любимый <ins>цвет</ins> красный.</p>
Редактор кода »

HTML элемент <sub>

Элемент <sub>, определяет подстрочный текст.

Пример

<p>Этот текст <sub>подстрочный.</sub></p>
Редактор кода »

HTML элемент <sup>

Элемент <sup>, определяет надстрочный текст.

Пример

<p>Этот текст <sup>надстрочный.</sup></p>
Редактор кода »

HTML Упражнения

Проверте себя с помощью упражнений

Упражнение:

В следующем пункте ниже добавить важность слову "деградация".

<p>
Миссия WWF-остановитьдеградацию природной среды нашей планеты.
</p>

Начните упражнения


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

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