Учебник по HTML

HTML ГЛАВНАЯ Введение в HTML HTML-редакторы Базовый HTML HTML-элементы HTML-атрибуты HTML-заголовки HTML-абзацы HTML-стили HTML-форматирование HTML-цитаты HTML-комментарии Цвета HTML HTML CSS HTML-ссылки HTML-изображения HTML Фавикон HTML-таблицы HTML-списки Блок HTML и встроенный HTML-классы HTML-идентификатор HTML-фреймы HTML JavaScript Пути HTML-файлов HTML-голова HTML-макет HTML Отзывчивый HTML компьютерный код HTML-семантика Руководство по стилю HTML HTML-сущности HTML-символы HTML-смайлики HTML-кодировка HTML-кодирование URL-адреса HTML против XHTML

HTML -формы

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

HTML- графика

HTML-холст HTML SVG

HTML- медиа

HTML-медиа HTML-видео HTML-аудио HTML-плагины HTML YouTube

HTML -API

HTML-геолокация Перетаскивание HTML Веб-хранилище HTML Веб-воркеры HTML HTML SSE

HTML- примеры

HTML-примеры HTML-викторина HTML-упражнения HTML-сертификат Резюме HTML Доступность HTML

HTML -ссылки

Список тегов HTML HTML-атрибуты Глобальные атрибуты HTML Поддержка HTML-браузера HTML-события Цвета HTML HTML-холст HTML-аудио/видео Типы документов HTML Наборы символов HTML HTML-кодирование URL-адреса Языковые HTML-коды HTTP-сообщения HTTP-методы Конвертер PX в EM Горячие клавиши

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


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


Пример

This text is bold

This text is italic

This is subscript and superscript


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

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

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

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

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

Пример

<b>This text is bold</b>

Элемент HTML <strong>определяет текст с большой важностью. Содержимое внутри обычно отображается жирным шрифтом.

Пример

<strong>This text is important!</strong>


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

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

Совет: Тег <i>часто используется для обозначения технического термина, фразы из другого языка, мысли, названия корабля и т. д.

Пример

<i>This text is italic</i>

Элемент HTML <em>определяет выделенный текст. Содержимое внутри обычно отображается курсивом.

Совет: Программа чтения с экрана будет произносить слова <em> с ударением, используя словесное ударение.

Пример

<em>This text is emphasized</em>

HTML-элемент <small>

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

Пример

<small>This is some smaller text.</small>

HTML-элемент <mark>

Элемент HTML <mark>определяет текст, который должен быть помечен или выделен:

Пример

<p>Do not forget to buy <mark>milk</mark> today.</p>

HTML-элемент <del>

Элемент HTML <del>определяет текст, который был удален из документа. Браузеры обычно зачеркивают удаленный текст:

Пример

<p>My favorite color is <del>blue</del> red.</p>

HTML-элемент <ins>

Элемент HTML <ins>определяет текст, который был вставлен в документ. Браузеры обычно подчеркивают вставленный текст:

Пример

<p>My favorite color is <del>blue</del> <ins>red</ins>.</p>

HTML-элемент <sub>

Элемент HTML <sub>определяет текст нижнего индекса. Текст подстрочного индекса отображается на полсимвола ниже обычной строки и иногда отображается меньшим шрифтом. Подстрочный текст можно использовать для химических формул, таких как H 2 O:

Пример

<p>This is <sub>subscripted</sub> text.</p>

HTML-элемент <sup>

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

Пример

<p>This is <sup>superscripted</sup> text.</p>

HTML-упражнения

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

Упражнение:

Добавьте особое значение слову «деградация» в абзаце ниже.

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


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

Tag Description
<b> Defines bold text
<em> Defines emphasized text 
<i> Defines a part of text in an alternate voice or mood
<small> Defines smaller text
<strong> Defines important text
<sub> Defines subscripted text
<sup> Defines superscripted text
<ins> Defines inserted text
<del> Defines deleted text
<mark> Defines marked/highlighted text

Полный список всех доступных HTML-тегов см. в нашем Справочнике по HTML-тегам .