Физическое форматирование текста

Текст – это основное наполнение Web-страниц. Легкость и удобство восприятия текстовой информации определяются в основном тремя факторами:

1. стилем изложения;

2. соблюдением правил орфографии и пунктуации;

3. формой визуального представления текстовой части документа.

Существуют два способа форматирования (разметки) текста: физическая и логическая разметка. При физической разметке указывается точный вид каждого фрагмента текста. При логической разметке каждой части документа ставится в соответствие некоторый логический признак. Например, некоторые слова имеют признак "выделить".

Рассмотрим теги физического форматирования текста.

Один из способов форматирования текста Web-страницы – это деление на абзацы.

Теги <р> и </р> указывают начало и конец абзаца. Текст и другие теги, заключенные между парой этих блочных тегов принадлежат одному абзацу.

Специфика тега <р> заключается в том, что после текста, который находится в его пределах, пустая строка добавляется автоматически.

Рассмотрим пример:

Введем следующий HTML-код в редакторе

<HTML>

<HEAD>

<TITLE> Пример использования тега абзаца </TITLE>

</HEAD>

<BODY>

<P>Я памятник себе воздвиг нерукотворный,</P>

<P>К нему не зарастет народная тропа.</P>

<P>А.С. Пушкин</P>

</BODY>

</HTML>

В некоторых случаях необходимо, чтобы каждая следующая строка текста находилась сразу под предыдущей. Для этих целей используют тег <br>. Это переход на новую строку, но не на новый абзац! При переходе на новую строку сохраняется выравнивание. Тег <br> одиночный.

Рассмотрим пример:

<HTML>

<HEAD>

<TITLE> Пример использования тега принудительного перехода на другую строку </TITLE>

</HEAD>

<BODY>

<P>В первом куплете используется тег абзаца</P>

<P>У Танюши дел немало</P>

<P>У Танюши много дел:</P>

<P>Утром брату помогала -</P>

<P>Он с утра конфеты ел.</P>

<P>Во втором куплете используется тег принудительного разрыва строки</P>

<P>Вот у Тани сколько дела:<BR>

Таня ела, чай пила,<BR>

Села, с мамой посидела,<BR>

Встала, к бабушке пошла.<BR></P>

</BODY>

</HTML>

В окне браузера текст Web-страницы, который следует за тегом <br>, будет начат с новой строки.

В HTML нет средств для создания абзацного отступа, поэтому для удобочитаемости текста между абзацами браузер вводит пустую строку.

Закрывающий тег </р> необязателен

Тег <р> не должен быть пустым (т.е. должен содержать какой-либо текст, рисунок и т.д.), т.к. браузер игнорирует пустые абзацы.

Чтобы вставить пустую строку надо использовать <p>&nbsp</p>.

Обычно абзацы выравнивают по левому краю листа, что соответствует

<p align=”left”>

атрибут align указывает другой тип горизонтального выравнивания.

<p align = “center”>

<p align = “right”>

<p align = “justify”>

Рассмотрим пример

<HTML>

<HEAD>

<TITLE> Пример использования тега абзаца </TITLE>

</HEAD>

<BODY>

<P ALIGN=Center>Жизнь - бесконечное повторение.</P>

<P ALIGN=Right>Атомас Далчев</P>

</BODY>

</HTML>

Задания для самостоятельной работы:

1. Используя теги абзаца и принудительного перехода на другую строку, получите текст следующего вида: