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

HTML5 Учебник

HTML ГлавнаяHTML ВведениеHTML РедакторыHTML ОсновыHTML ЭлементыHTML АтрибутыHTML ЗаголовкиHTML ПараграфыHTML СтилиHTML ФорматированиеHTML ЦитированиеHTML КомментарииHTML ЦветаHTML c CSSHTML СсылкиHTML ИзображенияHTML ТаблицыHTML СпискиHTML БлокиHTML КлассыHTML ИдентификаторыHTML ФреймыHTML JavaScriptHTML Путь к Файлу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 CanvasHTML SVGHTML 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> Определяет маркированный/выделенный текст