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

<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твовать (не отображаться), и вся красота-ляпота да аккуратность сойдет на нет (т.е. текст выровняется в таком случае по левому краю документа). Тем не менее я атрибутом justify злоупотребляю:)


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


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

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