Основы учебника HTML

Медиа HTML

Руководство по HTML

Основной учебник HTML5

API HTML5

Медиа HTML5

Ссылки HTML Парagraphы HTML

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

В этой главе мы изучим форматирование текста в HTML, то есть добавление форматирования обычному тексту

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

Пример

<strong>Текст в粗ном шрифте (oldtoolbag.com)</strong>
<br/><i>Курсивный текст, основы w3codebox</i>
<br/><code>Код автоматически выводится</code>
<br/>Это элемент X<sub>нижний индекс</sub> и X<sup>верхний индекс</sup>
<br/>Химическая формула молекулы: <b>C<sub>7</sub>H<sub>7</sub>F<sub>2</sub>N</b>

Проверьте, как это выглядит ‹/›

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

HTML использует теги <b>(жирный шрифт) и <i>(курсив) для форматирования выводимого текста, например:жирный или Курсив

Эти HTML-теги называются тегами форматирования (пожалуйста, см. полное руководство по тегам в нижней части).

Обычно тег <strong> заменяет тег <b> для использования, поэтому рекомендуется использовать <strong> , <em> заменяет тег <i>. Однако, значения этих тегов различны: <b> и <i> определяют жирный или курсивный текст. Теги B и strong - это два разных тега, тег B означает жирный, он представлен буквой B, тег B может выделить эффект утолщения шрифта. Например: <b>Я жирный</b> Но, тег <strong> - это то место, на которое мы хотим привлечь внимание. Эти два тега имеют разное значение. Например: <strong>выделение шрифта</strong>. <strong> или <em> означают, что вы хотите представить текст как важный и поэтому выделить его. В настоящее время все основные браузеры могут рендерить различные эффекты шрифтов. Однако, будущие браузеры могут поддерживать лучшие эффекты рендеринга.

Онлайн пример

Форматирование обычного текста
Этот пример демонстрирует форматирование обычного текста в HTML файле.

Предварительно форматированный текст
Этот пример демонстрирует, как использовать тег pre для управления пустыми строками и пробелами.

"Компьютерный вывод" тег
Этот пример демонстрирует различное отображение тегов "Компьютерный вывод".

Адрес
Этот пример демонстрирует, как пишется адрес в HTML файле.

Аббревиатуры и акронимы
Этот пример демонстрирует, как HTML реализует аббревиатуры или акронимы.

Направление текста
Этот пример демонстрирует, как HTML изменяет направление текста.

Блоковая цитата
Этот пример демонстрирует, как HTML реализует цитаты разной длины.

Эффект удаления текста и эффект вставки текста
Этот пример демонстрирует, как HTML маркирует удаленный текст и вставленный текст.

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

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

HTML "Компьютерный вывод" тег

Тэг	Описание
<code>	Определение компьютерного кода
<kbd>	Определение клавиатурного кода
<samp>	Определение примера компьютерного кода
<var>	Определение переменной
<pre>	Определение предварительного форматированного текста

HTML цитаты, цитаты и определения тегов

Тэг	Описание
<abbr>	Определение аббревиатуры
<address>	Определение адреса
<bdo>	Определение направления текста
<blockquote>	Определить долгую цитату
<q>	Определить короткую цитату
<cite>	Определить ссылку, цитату
<dfn>	Определить определение проекта.

Ссылки HTML Парagraphы HTML