Lesson 2.

Красивые документы

Вы никогда не задумывались над тем, как устроен текст в книге?
Речь идёт, конечно, не о содержании, а о внешнем виде текста на странице.
На такие вещи часто не обращают внимания.
Однако оформление текста либо помогает чтению, либо делает его утомительным.
Прежде чем перейти к расмотрению тегов, задающих оформление текста на экране,
поговорим о структуре документа и его внешнем виде.

Структура, стиль и внешний вил текстового документа

Текст хорошо читается, если он структурирован, тоесть разбит на отдельные смысловые части,
и в нём применяется единый способ оформления отдельных элементов по всему документу.

Структуру текста лучше всего продумать заранее. Можно рекомендовать следующий способ оформления:
1. Запишите заголовок для всего документа. Он должен быть самым крупным (тег < H1 > ) и выравнен
по центру в строке.
2. Разделите документ на главные части (главы). Заголовки глав выравниваются по левому краю и делаются
немного меньше заголовка документа (тег < H2 > ).
3. При необходимости главы разделите на параграфы (заголовки < H3 > ), параграфы - на пункты (заголовки < H4 > ).
Все заголовки документа, кроме его названия, выравниваются по левому краю.
4. Текстовый фрагмент, обозначеный заголовком, разбейте на абзацы (тег < P > ). Абзацы должны быть небольшими
и содержать законченую мысль.
5. В каждом абзаце используйте одни и те же приёмы оформления:
    5.1 Нормальный размер шрифта;
    5.2 Полужирный шрифт для выделений слов или коротких фраз;
    5.3 Курсив для выделения текстовых (обычных) ссылок или
цитирования (названия книги, газеты, статьи,...);
    5.4 Смещение большой цитаты вправо от левой границы текста.
6. Решите вопрос о цветовой гамме своего документа. Выберите цвет фона и цвет основного текста
Подберите цвета для некоторых спецыальных выделений и используйте их одинаково на протяжении всего документа.
Самые удачные цвета: белый - для фона, чёрный - для текста и красный - для спецыальных случаев.

Программирование вывода текста

Перейдём от общих рекомендаций к вопросу о том, как их можно выполнить средствами HTML.
Прежде всего уточним, что открывающие теги могут содержать атрибуты, то дополнительную информацию
о свойствах отображаемого на экране элемента. Атрибуты записываются внутри открывающего тега
после его имени в виде отдельного ключевого слова или ключевого слова, знака "=" и параметра (значения атрибута)
Порядок следования атрибутов в теге не важен.
Атрибут действует от открывающего тега, в котором он задан, до закрывающего или только в нутри тега, если тег не имеет парного.
Например, тег, рисующий горизонтальную линию, может содержать атрибут size, изменяющий толщину линии.
Если этот атрибут не задан, горизонтальные линии имеют в браузере тилщину два (или три, это зависит от браузера)пикселя.
Задавая разные параметры атрибута size, можно получить целую коллекцию линий, разных по толщине.

Цвет фона и цвет шрифта

В опытах урока 1 мы еикак не задавали ни цвет фона документа, ни цвета
шрифта, которым отображался текст.
Тем не менее и фон, и шрифт не были бесцветными при просмотре документа в браузере.
Вероятно, вы видели черный шрифт на белом фоне.
Но это совсем не обязательно. Все зависит от настроек вашего браузера.
Когда в программе наНТМL цвета явно не заданы, браузер использует свои установки по умолчанию.
В моем Internet Explorer в разделе Цвета включена опция Использовать стандартные цвета Windows,
и я вижу черные буквы на белом фоне. Можно выключить эту опцию
и установить свои цвета для работы  По умолчанию.
Если вам хочется, чтобы документ смотрелся строго определенным образом,
не полагайтесь на режимы умолчания, а задавайте нужные параметры явно.
Цвета для фона и шрифта на всем протяжении документа можно задать
при помощи атрибутов bgcolor и text в теге < ВODY > .
В НТМL действует общее важное правило: конструкции языка могут
быть вложенными, то есть внутри одной команды могут располагаться другие.
Указания вложенной команды могут изменять указания внешних команд,
но когда вложенная команда заканчивается, восстанавливаются полномочия внешней инструкции.
Используя команду < FONТ >...< /FОNТ > , можно не только переопределить
цвет шрифта, но также его размер и внешний вид. Однако использование
соответствующих атрибутов не рекомендуется. Установку шрифтового типа
поддерживают не все браузеры. Кроме того, указанный шрифт может
не оказаться на компьютере у пользователя. Для изменения размеров
шрифта есть другие команды, более подходящие для сохранения единого
стиля оформления документа: < ВIG >. . . < /ВIG > для укрупнения
и < SMALL >. . . < /SMALL > для уменьшения.

Оформление отдельных элементов текста

Текстовые ссылки и цитаты

Название книги, газетной статьи, фильма или песни можно выделить при помощи команды < СIТЕ >.. < /СIТE >.
Большинство браузеров изображают такой текст курсивом (наклонным шрифтом).
Эту же команду можно использовать для оформления небольших внутристрочных цитат.
Большие цитаты лучше выделять из основною текста при помощи команды < ВLOCKQUOTE >... < /ВLOCKQUOTE >.
Браузер отображает цитату с большим, чем у обычного текста, левым и правым отступом от края страницы.

Усиление текста

Часто, кроме заголовков, которые выделяются командой < Нn >. . . < /Нn >
(n — уровень заголовка, цифра от 1 до 6) и располагаются на отдельных строках,
требуется выделить в тексте отдельные слова, чтобы подчеркнуть их значение,
сконцентрировать на них внимание пользователя. Для такого выделения элементов
текста предназначена команда < STRONG >... < /STRONG >. Браузер отображает такое
выделение полужирным шрифтом. Пользуйтесь этой командой в соответствии
с заранее принятыми для вашего текста стилевыми соглашениями. Например,
вы можете решить использовать выделение для терминов, для названий программ,
исполнителей, для отдельных слов или коротких фраз, если эти фразы должны
произноситься очень громким голосом. Старайтесь делать в тексте как можно меньше
выделений — текст будет лучше читаться, и помните, что выделить всё — значит, не выделить ничего.

Изменение размера шрифта

Выделять элементы текста можно не только при помощи жирности шрифта,
но и изменением размера шрифта. Команда < ВIG >. . . < /ВIG > увеличивает
размер шрифта по отношению к текущему, а команда < SMALL >. . . < /SMALL > — уменьшает его.
Команды могут быть вложенными, что позволяет увеличивать (или уменьшать)
размер в несколько раз.
Замечание. Возникает вопрос: в каком диапазоне можно изменять размер шрифта?
Согласно стандарту, браузер должен поддерживать семь размерных ступеней: —2, —1, 0, + 1, + 2, + 3, + 4.
(Здесь за “0” обозначен «нормальный» размер, то есть размер, который браузер использует по умолчанию.)

Авторское форматирование

Вы убедились, что браузеры игнорируют в программе множественные пробелы
и символы конца строки при показе документа на экране.
Из этого правила, однако, есть исключение. Команда < PRE>. . . < /PRE >
заставляет браузер выводить текст на экран так, как он записан в
программе, — со всеми пробелами и концами строк. Это удобно при показе сложных страниц.

Предыдущий урок          Reference book.         Cледующий урок