Комплексная Образовательная Система
"Интернет"
~~~ KOCI.INUMO.RU ~~~

Тег <pre> (предварительное форматирование, отображение "как есть") является незаменимым помощником для вебмастера, если приходится иметь дело с текстовыми файлами, заранее отформатированными пробелами, знаками табуляции, переносами строк и пр.

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

Данный текст приходится тщательно перерабатывать, вставляя такие теги, как параграфы (<p></p>) и т.п.

Можно поступить намного проще - использовать тег <pre></pre>. Любой текст размещенный внутри данного парного тега будет отображаться без искажений и обработки, в том виде, как его и подготовили, со всеми пробелами, переносами, и другими невидимыми символами.

При этом для дополнительного удобства при просмотре будет использован моноширный шрифт, такой как, например: "Courier New", "Courier", "Andale Mono" и им подобные.

Попробуем использовать тег <pre></pre> для отображения нашего текста в его первоначальном виде: Как вы увидите на тестовой страничке по данному уроку (ссылка ниже) тег <pre></pre> дает интересные возможности разукраски страничек в старом добром псевдографическом стиле. Есть большие таланты, которые создают подобным образом настоящие произведения искусства. Может, и у вас получится сделать что-то интересное?

Наша тестовая страничка после данного урока:
article_026.html ← кликните, чтобы посмотреть, как выглядит пример на данном сайте...
article_026.zip ← скачайте пример, чтобы установить на свой сайт...