Форматирование текста — средства его изменения, такие как выбор начертания
шрифта и использование эффектов, позволяющих менять вид текста. В табл. 1
перечислены основные теги, которые применяются для изменения оформления текста.
Табл. 1. Теги для форматирования текста
Код HTML
Описание
Пример
<b>Текст</b>
Жирное начертание текста
Текст
<i>Текст</i>
Курсивное начертание текста
Текст
<sup>Текст</sup>
Верхний индекс
e=mc2
<sub>Текст</sub>
Нижний индекс
H2O
<pre>Текст</pre>
Текст пишется как есть, включая все пробелы
Текст
<em>Текст</em>
Курсивный текст
Текст
<strong>Текст</strong>
Жирное начертание текста
Текст
Любые теги форматирования текста можно использовать совместно друг
с другом. Чтобы сделать текст одновременно жирным и курсивным шрифтом
используется сочетание тегов <B> и <I>
(пример 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=windows-1251">
<title>Текст</title>
</head>
<body>
<p><b><i>"А где же печенье и самогоноваренье?!"</i></b>
- воскликнул Мальчиш-плохиш.</p>
</body>
</html>
Результат данного примера показан на рис. 1.
Рис. 1. Вид курсивного жирного начертания текста
Использование тегов <SUP> и <SUB>
сдвигает текст относительно базовой линии и уменьшает размер шрифта.
Если нужно еще уменьшить индекс, можно еще добавить тег <SMALL>
(пример 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=windows-1251">
<title>Текст</title>
</head>
<body>
<p><b>Формула серной кислоты:</b> <i>H<sub><small>2</small></sub>SO<sub><small>4</small></sub></i></p>
</body>
</html>
Результат данного примера показан на рис. 2.
Рис. 2. Нижний индекс в тексте
Теги <STRONG> и <EM>
выполняют те же функции, что теги <B> и <I>,
но написание последних короче, привычней и удобней.
Следует отметить, что теги <B> и <STRONG>, также
как <I> и <EM> являются не совсем эквивалентными
и заменяемыми. Первый тег <B> — является тегом физической
разметки и устанавливает жирный текст, а тег <STRONG> —
тегом логической разметки и определяет важность помеченного текста. Такое разделение
тегов на логическое и физическое форматирование изначально предназначалось,
чтобы сделать HTML универсальным, в том числе не зависящим от устройства вывода
информации. Теоретически, если воспользоваться, например, речевым браузером,
то текст, оформленный с помощью тегов <B> и <STRONG>,
будет отмечен по-разному. Однако получилось так, что в популярных браузерах
результат использования этих тегов равнозначен.
Коментарии (1)
