В этой главе мы поговорим о параграфах. Параграфы вводятся тегом:

<p></p>

С помощью параграфов мы можем центрировать текст:

<p align="center">текст</p>

С помощью параграфов мы можем выровнять текст по левому краю:

<p align="left">текст</p>

Или по правому краю документа:

<p align="right">текст</p>

Теперь введем параграфы в наш документ и посмотрим наглядно, что получится (в примере подставим параграф с параметром центрирования текста (center), попробуйте подставить в параграф другие параметры со значениями Left или Right).

<html>
<head>
<title>Мой первый шаг </title>
</head>
<body text="#336699" bgcolor="#000000">
<p align="center">
Здравствуйте, это моя первая страница.
<br>
<font color="#CC0000"> Добро пожаловать!</font> :) </p>
</body>
</html> (прим.)


Заметьте, что текст в документе, если не задавать параграфы, всегда выравнивается по умолчанию по левому краю. Также запомните, что к параграфу уже не нужен тег <br> для переноса строки, т.к. перенос задается по умолчанию. Но что делать, если вам этот перенос никак не нужен? Есть тег альтернативный <p align="center">:

<center>текст</center>

<html>
<head>
<title>Мой первый шаг </title>
</head>
<body text="#336699" bgcolor="#000000">
<center>
Здравствуйте, это моя первая страница.
<br>
<font color="#CC0000"> Добро пожаловать!</font> :) </center>
</body>
</html> (прим.)


Все было бы хорошо, и можно было бы шагнуть на следущую ступеньку, если бы у тега <p> не существовало бы еще и четвертого, но опасного значения (атрибута):

<p align="justify">текст</p>

Почему же это опасный атрибут? Да не работает он в старых версиях броузеров, поэтому у тех, кто использует старые броузеры, он может не дейcтвовать (не отображаться), т.е. текст выровняется в таком случае по левому краю документа.

<html>
<head>
<title>Мой первый шаг </title>
</head>
<body text="#336699" bgcolor="#000000">
<center>
Здравствуйте, это моя первая страница.
<br>
<font color="#CC0000"> Добро пожаловать!</font> :) </center>
<p align="justify">
Эта страничка может быть посвящена чему угодно. Но давайте для примера создадим простенькое вступление. Здесь можно рассказать о себе, написать об увлечениях, разместить фотографии и многое другое.
</p>
</body>
</html> (прим.)



В нашем примере набран небольшой текст (вы придумаете, конечно, что-нибудь свое). Теперь вставьте пример в наш документ и посмотрите, что получилось :)

Посмотрели? - Шагаем дальше.

<< BACK | NEXT >>