Листинг 3.3. Создание заголовка страницы

<HTML>

<HEAD>

<TITLE>Образец Web-страницы</TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>

Сохраните файл как текстовый документ под именем index.htm. Дважды щелкните на имени файла в окне Проводника. Автоматически будет запущено приложение обозревателя, установленное в вашей системе по умолчанию. Обозреватель покажет пустой документ, но в строке заголовка отобразится текст Образец Web-страницы.

Теперь мы будем добавлять в раздел <BODY>…</BODY> текст с дескрипторами и наблюдать в окне обозревателя за результатами применения различных дескрипторов. Чтобы отобразить в обозревателе изменения, внесенные в файл страницы, щелкните в панели инструментов обозревателя на кнопке Обновить или выберите команду Вид=>Обновить.

Ввод нового абзаца

Обозреватель игнорирует все пробелы в тексте, в том числе и символы конца абзаца, вводимые нажатием клавиши <Enter>. Чтобы добавить абзац, нужно заключить текст абзаца между дескрипторами <Р>…</Р>. Обозреватель автоматически добавит пустую строку между блоками текста, относящимися к разным абзацам.

По умолчанию обозреватель выравнивает текст абзаца влево и автоматически переносит слова в новую строку, когда текст достигает края окна обозревателя. Дескриптор … блокирует автоматический перенос слов, а стиль выравнивания можно изменить, установив соответствующую опцию атрибута alignв открывающем дескрипторе абзаца, как показано в листинге 3.4.

Листинг 3.4. Выравнивание абзацев

<BODY>

<Р align="left" >Абзац выровнен влево</Р>

<Р align="center" >Абзац выровнен по центру</Р>

<Р align="right" >Абзац выровнен вправо</Р>

<Р align="justify" >Абзац выровнен по ширине</Р>

Этот текст всегда должен оставаться в одной cтроке

</BODY>

Результаты форматирования текста показаны на рис. 3.1.

Рис. 3.1. Абзацы Web-страницы с установкой различных параметров выравнивания текста

Если текст нужно начать с новой строки, но не с нового абзаца, воспользуйтесь непарным дескриптором разрыва строки  . Текст, следующий за дескриптором  , обозреватель покажет с новой строки, но не будет добавлять пустую строку, как в случае с дескрипторами <Р>…</Р>.

Пробелы и отступы

Как уже говорилось выше, обозреватель игнорирует все дополнительные символы пробелов в тексте, включая символы табуляции. Поэтому средства текстовых редакторов, применяемые для установки отступов и пробелов в тексте, обычно не подходят для форматирования текста документа HTML. Впрочем, это ограничение можно обойти, воспользовавшись парой дескрипторов <PRE>…</PRE>. Данные дескрипторы заставляют обозреватель учитывать все символы пробелов и табуляции в тексте, заключенном между ними. Введем в разделе BODY таблицу, созданную путем табуляции текста, как показано в листинге 3.5.

<123 4 5 6 7 >

Дата добавления: 2016-01-29; просмотров: 763;