HTML придумал программист...

Именно такая мысль приходит в голову, когда встречаешь в HTML целый "букет" средств для описания различных программных кодов и результатов их работы. Впрочем, использовать эти средства по назначению вовсе не обязательно. В своей Web-дизайнерской практике (а я надеюсь, со временем она станет весьма богатой!) вы наверняка найдете им самое разнообразное применение.

Небольшой фрагмент программного кода, встречающийся в тексте, можно разме­тить с помощью дескриптора <CODE>. Текст, заключенный между <CODE> и </CODE>, обычно выводится на экран моноширинным шрифтом, таким как Courier.

А как быть, если речь идет о большом фрагменте в несколько строк?

Первое, что приходит в голову, - код наподобие этого:

<CODE>

"<Р> первая строка программы <Р> вторая строка программы <Р> ...

</CODE>

Ради экономии места можно заменить дескрипторы <Р> на <BR>. Наконец, комбинируя абзацы с разрывами строк, можно разделять логически обособленные фрагмента кода (рис. 6.9).

Но в программных кодах, кроме пустых строк, часто встречаются табуляции и другие отступы, "разбавляющие" тарабарский текст и позволяющие хотя бы посвященным понять, что там написано. Заменять эти табуляции и пробелы на коды соответствующих символов - занятие слишком неблагодарное, чтобы ушлые Web-дизайнеры не попытались от него избавиться.

И успешно избавились, введя дескриптор <PRE> (от английского preformatte- "с сохранением форматирования"). Этот дескриптор замечателен тем, что внутри кон­струкции <PRE>... </PRE> все пробелы, табуляции и переходы на новую строку со­храняются в том виде, в котором они были введены в HTML-редакторе.

Однако не стоит думать, судя по названию дескриптора, что внутри него сохраняются также и другие элементы форматирования, такие как гарнитура и начертание шрифта или спецсимволы. Для отображения этих элементов, как и прежде, приходится пользоваться соответствующими дескрипторами HTML, а для спецсимволов - их кодами и мнемоническими именами (рис. 6.10).

Содержимое конструкции <PRE>... </PRE> всегда выводится на экран с новой строки. Поэтому предварять такой текст дескриптором <Р> не обязательно.

Кстати, есть такое правило: если в тексте - например, по физике или математике - встречается переменная, то она выводится курсивом. Мы могли бы привести в соответствие с этим правилом код, представленный на рис. 6.8, с помощью дескрипторов <I>. Но ведь х и у - не просто какие-то "курсивные места".

Это переменные. А в HTML для разметки переменных есть специальный дескриптор <VAR> (от английского variable - "переменная"). Воспользуемся им (рис. 6.11). Что получилось в результате? Внешне - тот же курсив. Но, кроме того, такая разметка сообщает броузеру о назначении данного фрагмента.

Какие еще есть элементы в описаниях программ, кроме фрагментов кодов и переменных? Правильно, текст, вводимый пользователем и примеры текста, выводимого  программой  на экран.   Первый  размечается  с  помощью дескриптора <KBD> (от английского keyboard - "клавиатура"), второй - с помощью дескриптора <SAMP> (от английского sample - "образец", "пример"). В окне броузера оба вида текста отображаются моноширинным шрифтом.