Примечание

Двойной дефис внутри комментария (--) воспринимается как часть комментария и соответственно его наличие приводит к ошибке при валидации документа.

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

Форматирование текста — средства его изменения, такие как выбор начертания шрифта и использование эффектов, позволяющих менять вид текста. В табл. 2перечислены основные теги, которые применяются для изменения оформления текста.

Табл. 2. Теги для форматирования текста
Код HTML	Описание	Пример
<b>Текст</b>	Жирное начертание текста	Текст
<i>Текст</i>	Курсивное начертание текста	Текст
<sup>Текст</sup>	Верхний индекс	e=mc²
<sub>Текст</sub>	Нижний индекс	H₂O
<pre>Текст</pre>	Текст пишется как есть, включая все пробелы	Текст
<em>Текст</em>	Курсивный текст	Текст
<strong>Текст</strong>	Жирное начертание текста	Текст

Любые теги форматирования текста можно использовать совместно друг с другом. Чтобы сделать текст одновременно жирным и курсивным шрифтом используется сочетание тегов  и  (пример 1). Их порядок в данном случае не важен.

Пример 1. Жирный курсивный текст

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Текст</title>

</head>

<body>

Он словно вырезан из камня, стоек и неподвижен в отличие от его противников.

Дух и жизненная сила в нём достигла совершенства.

Но вот беда — никто не смеет принять его вызов.

</body>

</html>

Результат данного примера показан на рис. 4.

Рис. 4. Вид курсивного жирного начертания текста

Использование тегов  и  сдвигает текст относительно базовой линии и уменьшает размер шрифта (пример 2).

Пример 2. Создание нижнего индекса

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Текст</title>

</head>

<body>

Формула изумруда:

Be3Al2(SiO3)6

</body>

</html>

Результат данного примера показан на рис. 5.

Рис. 5. Нижний индекс в тексте

Теги  и  выполняют те же функции, что теги  и , но написание последних короче, привычней и удобней.

Следует отметить, что теги  и , также как  и  являются не совсем эквивалентными и заменяемыми. Первый тег  — является тегом физической разметки и устанавливает жирный текст, а тег  — тегом логической разметки и определяет важность помеченного текста. Такое разделение тегов на логическое и физическое форматирование изначально предназначалось, чтобы сделать HTML универсальным, в том числе не зависящим от устройства вывода информации. Теоретически, если воспользоваться, например, речевым браузером, то текст, оформленный с помощью тегов  и , будет отмечен по-разному. Однако получилось так, что в популярных браузерах результат использования этих тегов равнозначен.