logo
[ПСП] / lab22

Форматирование текста средствами html

Исходное назначение HTML заключалось в представлении текстовой информа­ции. Как мы уже говорили, текст документа в HTML обычно помещается между тегами <BODY> и </BODY>. Например, предположим, что мы создаем страницу аутентификации пользователей. Текст HTML на ней может выглядеть следующим об­разом (обратите также внимание на синтаксис комментариев HTML):

<BOВY>

<!- Приглашение пользователю к аутентификации ->

The Cars Login Page

</BODY>

В этом примере к нашему тексту не были применены какие-либо теги. Встреча­ясь с таким текстом, web-браузер выводит его в своем окне так, как он был записан. Если мы изменим текст документа следующим образом:

<BODY>

<!- Приглашение пользователю к аутентификации ->

The Cars Login Page

Please enter your user name and password. </BODY>

то браузер и не подумает добавить ожидаемый переход на новую строку (рис. 14.5).

Рис. 14.5. Для текстовой информации без тегов символы начала новых строк учитываться не будут

Чтобы начать новый абзац, необходимо выделить текст в этом абзаце при по­мощи тегов <Р> и </Р>, например, так:

<BODY>

<!- Приглашение пользователю к аутентификации ->

The Cars Login Page

<P>Please enter your user name and password.</P> </BODY>

Теперь в окне браузера все выглядит по-другому (рис. 14.6).

Рис. 14.6. Тег <Р> означает начало нового абзаца

Можно и не начинать новый абзац, а просто добавить теги начала новой строки <BR> и <./BR>

<BODY>

<!- Приглашение пользователю к аутентификации ->

The Cars Login Page

<BR>Please enter your user name and password.</BR>

</BOOY>

В этом случае браузер отобразит наш текст несколько иначе (рис. 14.7).

Рис. 14.7. Тег <BR> означает переход на новую строку

В HTML предусмотрены средства для выделения участков текста полужирным шрифтом и курсивом. Для этого предусмотрены теги <В> </В> и <I> </I> соответ­ственно:

<BODY>

<!- Приглашение пользователю к аутентификации ->

<В> The Cars Login Page </B>

<BR>Please enter your <I>user name</I> and <I>password</I>.</BR> </BODY>

Результат представлен на рис. 14.8.

Рис. 14.8. Выделение текста полужирным и курсивным начертаниями