Любой фрагмент текста, расположенный между тегами <PRE> и
</PRE>, разбивается на строки и абзацы в точном соответствии с
тем, как вы его вводили. Обычно при выводе на экран предформатированного
(preformatted) текста используется моноширинный шрифт (так называется шрифт
печатной машинки). Этот тег можно использовать, например, для печати стихов, в
которых взаимное расположение строк задал сам автор, или для изображения
"картинки", состоящей из символов. Другим важным применением тега
<PRE> является вывод на экран текстов компьютерных программ (на
языках Java, C++ и др.), в которых традиционно используют отступы,
дополнительные пробелы и пустые строки для выделения структуры исходного кода.
Текст внутри контейнера <PRE> подчиняется действиям тегов
<Р> и <BR> и поддерживает теги заголовков.
К содержимому контейнера <PRE> могут применяться любые
элементы физического и логического форматирования, но некоторые моноширинные
шрифты не содержат наборов символов полужирного и курсивного начертания.
Пример Рассмотрим фрагмент HTML-документа, содержащий
предварительно отформатированный текст:
<PRE>Здесь можно ставить <B>сколько</B> угодно <EM>пробелов</EM>, и переносить строки, там, где захочется. <P>Html <S>не</S> сможет <H1>нам</H1> помешать. </PRE>
В окне браузера количество пробелов и разрывы строк будут сохранены, к ним
добавятся разрывы строк, вызванные использованием тегов <Р>,
<BR> и <H1>. Первый из приведенных ниже рисунков
соответствует заданию в качестве моноширинного в настройках браузера шрифта
Courier (Adobe), а для второго использовался шрифт Fixed (Sony).
Задания
1. Создайте файл first.html в каталоге public_html. Напишите 2. свои фамилию и имя, используя заголовок первого уровня. 3. Установите желтый цвет фона (yellow) этого документа. 4. Разместите в документе три пословицы следующим образом: первая выравнивается 5. по левому краю, пишется полужирным шрифтом красного цвета; вторая -- по центру 6. курсивным шрифтом зеленого цвета; третья -- по правому краю подчеркнутым шрифтом 7. синего цвета. 8. Включите в документ другие образцы логического и физического форматирования 9. текста. 10. Добавьте в документ фрагмент предварительно отформатированного текста. Как 11. ведет себя такой фрагмент при уменьшении ширины окна браузера?