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

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

Табл. 1. Теги для форматирования текста
Код 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 Transitional//EN">
<html>
<body>
"А где же печенье и самогоноваренье?!" - воскликнул Мальчиш-плохиш.
</body>
</html>

"А где же печенье и самогоноваренье?!" - воскликнул Мальчиш-плохиш.

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
Формула серной кислоты: H2SO4
</body>
</html>

Формула серной кислоты: H₂SO₄

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

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

Учебник по HTML и CSS

HTML

CSS

Статьи

Полезное

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