Теги форматирования текста в HTML

Рейтинг: 4 из 5, голосов 95
++++-

К тегам форматирования текста в HTML можно отнести теги изменяющие отображение выделенного фрагмента.

Список тегов форматирования текста

<strong> - важный фрагмент текста, жирный;
<em> - акцентирование внимания, курсив;
<mark> - подсвеченный участок текста;
<b> - жирный шрифт;
<i> - курсив, наклонный шрифт;
<s> - зачеркнутый текст;
<small> - текст меньшего размера;
<sup> - верхний индекс;
<sub> - нижний индекс;
<pre> - предварительно отформатированный текст;
<dfn> - термин;
<h1> - <h6> - заголовки;
<q> - короткая внутристрочная цитата;
<blockquote> - цитата;
<cite> - сноска на название материала;
<code> - программный код;
<samp> - результат вывода компьютерной программы;
<kbd> - клавиатурный ввод;
<var> - переменная компьютерной программы.;
<time> - дата и/или время.

Каждому из этих тегов посвящена отдельная страница в нашем справочнике. Перейти на нее вы можете нажав по названию тега.

Теги выделения фрагментов текста

Тег <strong> используется для выделения важных участков текста. Браузеры обычно отображают текст внутри тега <strong> жирным шрифтом. <strong> - тег логического выделения. Используя его, вы указываете на важность текста в выделенной области.

<strong>Важный фрагмент текста</strong>

Тег <em> используется для акцентирования внимания, "подчеркивания" фрагмента текста. Браузеры обычно отображают текст внутри тега <em> курсивом. <em> - тег логического выделения.

<em>Акцентированный фрагмент</em>

Тег <mark> используется для подсветки фрагмента текста.

<mark>Подсвеченный фрагмент</mark>

Тег <b> используется для написания текста жирным шрифтом. Тег физического форматирования, не придает выделенным участком логический вес. Используйте тег <b> только если характер выделения не подходит под другой тег форматирования текста по смыслу.

<b>Текст жирным шрифтом</b>

Тег <i> используется для написания текста курсивом. Используйте тег <i> только если характер выделения не подходит под другой тег форматирования текста по смыслу.

<i>Текст курсивом</i>

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

<s>Перечеркнутый текст</s>

Тег <small> используется для написания текста шрифтом меньшего размера.

<small>Текст меньшего размера</small>

Тег <sub> используется для создания текста нижнего индекса.

<sub>Текст нижнего индекса</sub>

Тег <sup> используется для создания текста верхнего индекса.

<sup>Текст верхнего индекса</sup>

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

<pre>Предварительно отформатированный текст</pre>

Теги устанавливающие суть содержимого

Теги <h1> - <h6> указывают, что содержимое является заголовком (подзаголовком). <h1> - заголовок наиболее высокого уровня, <h6> - наименьшего. Заголовки определяют структуру текста HTML документа. Браузера обычно выделяют заголовки размером шрифта, в зависимости от уровня заголовка.

<h1>Заголовок</h1>

Тег <dfn> указывает, что содержимое является термином. Браузеры обычно выводят содержимое тега <dfn> курсивом.

<dfn>Термин</dfn>

Тег <q> используется для указания на короткий процитированный участок внутри строки текста. Браузеры обычно выводят содержимое тега в кавычках.

<q>Короткая цитата</q>

Тег <blockquote> указывает, что содержимое является цитатой. Содержимое тега выводится в отдельном блоке.

<blockquote>Цитата</blockquote>

Тег <cite> указывает, что содержимое является названием материала. Браузеры обычно отображают текст внутри <cite> курсивом.

<cite>Название материала</cite>

Тег <code> указывает, что содержимое является кодом компьютерной программы. Браузеры обычно отображают текст внутри тега <code> моноширинным шрифтом.

<code>Код компьютерной программы</code>

Тег <samp> указывает, что содержимое является результатом вывода компьютерной программы. Браузеры обычно отображают текст внутри тега <samp> моноширинным шрифтом.

<samp>Результат вывода компьютерной программы</samp>

Тег <kbd> указывает, что содержимое является клавиатурным вводом. Браузеры обычно отображают текст внутри тега <kbd> моноширинным шрифтом.

<kbd>Клавиатурный ввод</kbd>

Тег <var> указывает, что содержимое является переменной компьютерной программы. Браузеры обычно отображают текст внутри тега <var> курсивом.

<var>Переменная компьютерной программы</var>

Тег <time> указывает, что содержимое является датой, временем, периодом времени или событием, относящемся к указаному в атрибуте datatime времени.

<time>Дата и/или время</time>
Оцените, насколько полезна эта страница
++++-
Комментарии
16 января 2019 г.
тимур
очень хорошая статья
Ответить
09 февраля 2019 г.
Владимир
Статья и сайт в целом очень полезные и информативные. Для меня это "находка" !!!
Ответить
05 ноября 2020 г.
Ира
Огромное спасибо! Все понятно , все по существу!!
Ответить
20 мая 2021 г.
orkhan
Огромное спасибо!
Ответить
22 июля 2021 г.
KOss
Пропустили!
<u> - подчеркнутый текст
Ответить
29 августа 2022 г.
Александра
Спасибо
Ответить
08 ноября 2022 г.
Анастасия
Спасибо, все очень доходчиво описано!
Ответить
24 января 2023 г.
aaaaaaa
спасибо большое
Ответить
03 марта 2023 г.
Zageev
Dyakuyu
Ответить
19 мая 2023 г.
Матанат Ахмедова Баку
Спасибо !!!
Ответить
31 августа 2023 г.
Алекс
ага...доходчивый копипаст...)))
а где примеры реального применения???
шо за примитив!!!!
Ответить
31 августа 2023 г.
Lebedev
Копипаст? Покажите откуда ;-)
(не найдете, так как все это создавал сам)
По поводу применения - нажмите на тег, откроется страница с подробным описанием, примерами.
Успехов вам в обучении!

Ответить
Оставьте комментарий

Выберите правильный ответ
14 + 5 =
Отправляя форму, я даю согласие на обработку персональных данных.