Текст фиксированного формата
Как ¥еЬ-обозреватель выводит на ¥еЬ-страницу текст? На самом деле, здесь нет ничего сложного. Он придерживается нескольких простых правил, которые вам стоит узнать:
□ символы возврата каретки преобразуются в пробелы. Строка обрывается только тогда, когда встречается тег конца абзаца </р> или разрыва <ве>;
□ любое количество последовательно стоящих пробелов преобразуется в один пробел;
□ текст заполняет по ширине все доступное пространство родительского элемента (страницы, абзаца и т. п.). Внутри одного абзаца строки будут иметь примерно одинаковую длину с учетом переносов.
Эти правила, которым следует каждый ¥еЬ-обозреватель и которые закреплены в стандартах НТМЬ, помогают устранить последствия некоторых ошибок ¥еЬ-дизайнера. Например, следуя им, ¥еЬ-обозреватель игнорирует дублирующиеся пробелы — настоящий бич современной полиграфии. Однако, если вам нужно поместить на странице текст фигурной формы, отформатированный с помощью пробелов и возвратов каретки, лучше сразу откажитесь от этой идеи.
Или прибегните к тексту фиксированного формата.
Рассмотрим такой НТМЬ-код:
<нтмь>
<НЕАБ>
<ТТТЪЕ>Фигурный текст</ТТТЪЕ>
</НЕАБ>
<ВСЮУ>
<Р>
ХХХХХХ
ХХХХХХ
ХХХХХХ
хххххх
хххххх
хххххх
</р>
</BODY>
</HTML>
Наберите этот текст в любом текстовом редакторе (можно и в Dreamweaver в режиме отображения кода), сохраните его в файле под именем 5.l. htm и откройте в Web-обозревателе. То, что вы увидите, показано на рис. 5.1.
|
Рис. 5.1. Фигурный текст неправильно отображается У/еЬ-обозревателем |
Да уж, мягко говоря, не то... Но не надо ругать Web-oбoзpeвaтeль: он всего лишь программа, следующая заложенному в ней алгоритму. Давайте сделаем лучше. Заменим теги <р> и </р> на <рре> и </рре>, соответственно. Полученный файл сохраним под именем 5.2.Мт и откроем в Web-oбoзpeвaтeлe. Посмотрите на рис. 5.2 — совсем другое дело!
|
Рис. 5.2. Текст фиксированного формата отображается правильно |
Web-oбoзpeвaтeль прекрасно знает свое дело. Ему нужно только правильно поставить задачу — и он ее решит.
Так вы поняли, что такое текст фиксированного формата? Все, что находится внутри парного тега <рре>, Web-oбoзpeвaтeлeм переносится на страницу без всяких изменений. Кроме того, такой текст выводится моноширинным шрифтом (шрифтом, символы которого имеют одинаковую ширину), а не пропорциональным, как обычно (символы пропорционального шрифта имеют разную ширину). Поэтому он выглядит, как в старые добрые времена MSDOS. (Если вы, конечно, помните эти времена...)
А можно ли сделать такое в Dreamweaver? Конечно! Для этого просто наберите первую строку текста, который вы хотите превратить в текст фиксированного формата, и:
□ либо выберите пункт Preformatted в раскрывающемся списке Format редактора свойств;
□ либо выберите пункт Preformatted Text в подменю Paragraph Format меню Text;
□ либо выберите пункт Preformatted Text в подменю Paragraph Format контекстного меню.
Вот и все.
В тексте с фиксированным форматированием действуют все теги HTML. Например, вы можете раскрасить такой текст в разные цвета, поместить в нем изображение или гиперссылку, как и в обычном тексте.
Выше мы говорили о таблицах. С помощью текста фиксированного формата они создаются очень просто, хотя и трудоемко. Взгляните, например, на такой код:
<PRE>
! №№ ! Проект! Закончен? !
! 1 ! Свой домашний сайт! Да!
! 2 ! Сайт своей любимой кошки! Нет, кошка!
! ! ! убежала!
</PRE>
Вы можете сохранить его в HTML-файле и загрузить в Web-обозревателе. Даже несмотря на отсутствие тегов <html>, <head> и <body>, он будет нормально отображаться. Да, это таблица, хотя и корявая. Именно такие таблицы были в ходу, когда HTML еще не имел инструментов для построения настоящих таблиц, и Web-дизайнерам приходилось ломать голову, как сделать "таблицу без таблицы".
Зачем мы все это рассматриваем? Ведь это, фактически, устаревший подход. Может быть и устаревший, но в некоторых случаях весьма актуальный. В частности, если вы имеете много текстовых файлов и хотите опубликовать их в Интернете, но не желаете заниматься трудоемким HTML-формати
рованием, то самый лучший вариант — заключить их содержимое в теги <pre>. Так поступает Максим Мошков, когда выкладывает в свою интернет - библиотеку новые книги.
